【问题标题】:Is it possible to style search-selection in Firefox?是否可以在 Firefox 中设置搜索选择样式?
【发布时间】:2012-07-20 11:30:12
【问题描述】:

在 Firefox 中,我可以使用任一搜索文本

  • CTRL+F [普通搜索]
  • / [快速搜索]
  • ' [快速搜索,仅链接]

我可以使用样式设置用户选择的文本/链接

  • a:focus
  • a: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 的一部分)。

标签: css firefox selection


【解决方案1】:

从此mozillazine forum post,您可以转到about:config 并添加以下一项以在浏览器chrome 上设置不同的ui.text* 设置:

ui.textSelectBackground
ui.textSelectBackgroundAttention
ui.textSelectBackgroundDisabled
ui.textSelectForeground
ui.textBackground
ui.textForeground
ui.textHighlightBackground
ui.textHighlightForeground

【讨论】:

  • 请注意,这仅适用于您自己,您不能对您网站上的其他用户进行全局更改。
  • 正如@Truth 建议的那样,about:config 和浏览器 chrome 是 Firefox 浏览器内部的。
  • 当然。我只需要我自己的,所以没关系。我认为没有这方面的 CSS 属性,可能很长一段时间都不会有,或者永远不会有。
猜你喜欢
  • 2010-11-07
  • 2012-03-26
  • 1970-01-01
  • 2010-10-16
  • 1970-01-01
  • 1970-01-01
  • 2010-12-13
  • 2021-09-18
  • 1970-01-01
相关资源
最近更新 更多