0

我知道如何更改突出显示的文本颜色，但是我无法在我的网站上更改持久的蓝色突出显示。

这是我的示例http://i.imgur.com/d4HkP.png的屏幕截图

要查看示例，请访问下面的 jsfiddle，然后使用 command + a 或 ctrl + a 突出显示所有文本...

此处的蓝色填充或边距是否突出显示？另外，我注意到我可以通过在 [p] 标签之外的 dom 中放置 [br] 标签来创建更多它

对此有什么想法吗？

编辑：

我创建了一个小提琴来解决这个问题并更好地说明它：

::selection doesn't work

http://jsfiddle.net/designaroni/UTd3E/

突出显示正在运行的内容，您会看到蓝色，这是这里的罪魁祸首。

这里还有建议吗？

4

2 回答 2

1

无法更改浏览器突出显示您网站的方式。这个问题是特定于浏览器的，因为不同的浏览器以不同的方式突出显示。但是，您可以通过 CSS 设置网站的哪些部分可以或不能通过用户选择属性突出显示。

编辑：我以为你知道如何更改选择的颜色，但现在我明白你的意思是突出显示文本的颜色。下面的答案可能涵盖了这一点；）

于 2012-11-28T18:58:53.787 回答
0

您可以自定义::selection伪元素。请参阅Mozilla 的文档

从文档中的示例中，您可以从文档中自定义选择颜色，如下所示：

/* draw any selected text yellow on red background */
#myelem::-moz-selection { color: gold;  background: red; }  /* For Firefox */
#myelem::selection      { color: gold;  background: red; }  /* Other ::selection-compatible browsers */

要使其适用于页面上的所有可选元素：

*::-moz-selection { color: gold;  background: red; }  /* For Firefox */
*::selection      { color: gold;  background: red; }  /* Other ::selection-compatible browsers */

请注意，这是一个伪元素，并且没有标准化，因此它的行为是非常由实现定义的。

于 2012-11-28T19:00:14.850 回答