【发布时间】:2012-07-20 11:30:12
【问题描述】:
在 Firefox 中,我可以使用任一搜索文本
- CTRL+F [普通搜索]
- / [快速搜索]
- ' [快速搜索,仅链接]
我可以使用样式设置用户选择的文本/链接
a:focusa:active::-moz-selection
然而
- 前两个似乎仅适用于用户选择/聚焦/激活的链接(通过鼠标或 TAB-导航)。
-
::-moz-selection似乎只适用于我手动选择的文本,而不是由于增量搜索而选择的文本。 Firefox 以绿色突出显示增量搜索匹配。 - 当我仅在链接中搜索 (') 时,搜索到的部分会被 Firefox 以相同的绿色突出显示;此外,整个链接都有轮廓;当快速查找消失(约 5 秒)时,整个链接将应用
:focus样式 - 不是在那之前。
看截图:
是否有任何 CSS 伪类允许对搜索结果而不是用户手动选择的选择进行样式设置?
【问题讨论】:
-
你的意思是像你在Google Search Terms技术中看到的那样?
-
不,我的意思是搜索 在浏览器中 (CTRL-F),而不是来自 Google :) 浏览器端。你看过截图了吗?
-
我说喜欢,是的,我看到了截图。 Google 搜索词技术所做的是使用传递给页面的 GET 值和页内脚本来自动将术语包装在标记中,并使用一个突出显示页面上的术语的类。 这是你所追求的吗?
-
使用
onkeypress捕获并防止'和/或CTRL+F被按下并用您自己的搜索工具技术替换它。可能有一个库或插件可以做到这一点。 -
这个mozillazine forum post 至少建议了哪些样式覆盖了查找突出显示颜色,尽管这并不意味着您可以在另一个浏览器上覆盖它(因为它是 chrome 的一部分)。