我知道如何更改突出显示的文字颜色,但我的网站上无法更改持续的蓝色突出显示。
这是我的示例http://i.imgur.com/d4HkP.png
的屏幕截图要查看示例,请访问下面的jsfiddle并使用命令+ a或ctrl + a突出显示所有文本...
这里的蓝色填充或边距是否突出显示? 另外,我注意到我可以通过在[p]标签之外的dom中放置[br]标签来创建更多标签
对此有何想法?
修改
我创造了一个混乱的小提琴,并且更好地说明了它:
::selection doesn't work
http://jsfiddle.net/designaroni/UTd3E/
突出显示正在运行的内容&你会看到蓝色是这里令人讨厌的罪魁祸首。
这里有什么建议吗?
答案 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 */
请注意,这是一个伪元素,并且不是标准化的,因此它的行为是非常实现定义的。