css - 开发人员是否有办法以与默认颜色不同的颜色突出显示网站上的浏览器 (f3) 搜索结果？

Question

我正在构建一个网站，其配色方案为亮黄色。该方案不能更改。在某些地方，它用于突出显示文本。现在我认识到，当您在网站内使用 F3 搜索时，黄色与突出显示您的搜索词的黄色完全相同，并且由于它是文本内容，我相信这会导致某些用户的可用性问题和困惑。

有没有办法覆盖浏览器搜索用于突出显示文本的颜色(例如用户代理样式表或 js 库中的值)，或者它是否已融入软件中而没有任何可能的干扰？

Answer 1

有::selection ，但唯一使用它来突出显示搜索结果的浏览器似乎是 Edge (EdgeHTML)，即使如此，它也仅适用于事件结果 - 并非所有结果。

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

Search, search

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

• Chromium 使用橙色表示事件结果，使用黄色表示静止结果。
• Edge 使用::selection 表示事件结果，黄色表示其余结果。
• Firefox 使用绿色表示事件结果，紫色表示休息结果。

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