开发人员有没有办法用不同于默认颜色的颜色突出显示网站上的浏览器(f3)搜索结果？

Question

我正在建立一个网站，它的配色方案中有一个明亮的黄色。这个方案不能改变。在某些地方，它被用来突出显示文本。现在我意识到，黄色与突出显示搜索词的黄色完全相同，当你在网站内使用F3搜索时，由于它的文本内容很多，我相信它会导致一些用户的可用性问题和困惑。

有没有一种方法可以覆盖浏览器搜索用来突出显示文本的颜色(比如user-agent-stylesheet或js库中的值)，或者这是不是已经嵌入到软件中而没有任何可能的干扰方式？

Answer 1

有::selection，但唯一使用它来突出显示搜索结果的浏览器似乎是Edge (EdgeHTML)，即使这样，它也只适用于活动结果，而不是所有结果。

​

::selection {
  background-color: #9900ff;
  color: white;
}

Search, search

​

此外，在浏览器如何实现这一点上存在一些差异，

• Chromium使用橙色表示活动结果，黄色表示rest。
• 边缘使用::selection表示活动结果，黄色表示rest。
• Firefox使用绿色表示活动结果，紫色表示rest。

作为最终的解决办法，您可以通过markjs或类似的方式实现自定义搜索，但似乎应该有比这更好的方法。