【发布时间】：2013-02-10 09:13:10
【问题描述】：
我在一个看起来类似于浏览器的“查找”功能的 Web 应用程序中实现了搜索。 我想突出显示页面上搜索到的字符串。搜索字符串通常是较长字符串的子字符串，用省略号显示。
我想在搜索字符串出现的任何地方突出显示它，如果在被省略号替换的文本部分中找到它，那么我想突出显示省略号本身。
我该怎么做？
【问题讨论】：
-
我怀疑你的问题在纯 CSS 中会非常棘手，如果不是不可能的话，因为首先，我不确定你是否能很好地控制 CSS 省略号的样式，并且其次，即使您可以根据需要设置样式，我认为它也不能让您知道文本的哪些部分是可见的。另外，如果搜索字符串被部分隐藏，或者它出现多次，并且只有一个被隐藏，那么边缘情况呢？
-
你能显示一些代码吗，告诉我们what you've tried？
-
如果存在 JavaScript 解决方案，我会很高兴。有没有办法知道文本的哪一部分是可见的？边缘情况很简单：如果搜索字符串的任何部分被隐藏，则省略号应突出显示。
标签： javascript html css highlighting ellipsis