如何更改浏览器持久蓝色选择所有高亮颜色?

时间:2012-11-28 18:44:50

标签: css xcode highlight frontend

我知道如何更改突出显示的文字颜色,但我的网站上无法更改持续的蓝色突出显示。

这是我的示例http://i.imgur.com/d4HkP.png

的屏幕截图

要查看示例,请访问下面的jsfiddle并使用命令+ a或ctrl + a突出显示所有文本...

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

对此有何想法?

修改

我创造了一个混乱的小提琴,并且更好地说明了它:

::selection doesn't work

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

突出显示正在运行的内容&你会看到蓝色是这里令人讨厌的罪魁祸首。

这里有什么建议吗?

2 个答案:

答案 0 :(得分:1)

没有办法改变浏览器如何为您的网站增加亮点。此问题非常符合浏览器,因为不同的浏览器以不同的方式突出显示。但是,您可以通过CSS设置网站的哪些部分可以通过用户选择属性突出显示。

编辑: 我以为你知道如何改变选择的颜色,但现在我看到你的意思是突出显示文本的颜色。下面的答案可能涵盖了这一点;)

答案 1 :(得分:0)

您可以自定义::selection伪元素。请参阅documentation from 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 */

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