2012-11-28 42 views
0

我知道如何更改突出显示的文字颜色,但有一个持续的蓝色突出显示,我无法在我的网站上进行更改。如何更改浏览器持久蓝色选择所有高亮颜色?

这里是我的榜样截图http://i.imgur.com/d4HkP.png

要查看示例访问以下,要么命令+ A或CTRL + A的的jsfiddle以突出显示所有文字...

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

对此有何看法?

编辑:

我创建了一个小提琴惹瓦特/这一点,并更好地说明它:

::selection doesn't work 

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

突出显示的运行&的内容,你会看到蓝色这是这里的罪魁祸首。

了解更多吗?

+0

我不确定,但我不认为现在可以在某些元素,输入等中覆盖突出显示。 – Andrew

回答

1

没有办法改变浏览器如何突出你的网站。这个问题是非常特定于浏览器的,因为不同的浏览器采用不同的方式。但是,您可以通过CSS设置网站的哪些部分可以或不可以通过用户选择属性高亮显示。

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

+0

突出显示背景或文本的颜色也不是问题,请参阅此示例我放在一起并突出显示文本,在这种情况下蓝色在违规的颜色。 http://jsfiddle.net/designaroni/UTd3E/ – Designaroni

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 */ 

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

+0

我已经这样做了,但它并没有针对我想要的目标... 看到这个例子&突出显示的文字,蓝色是罪魁祸首我正在谈论突出显示 http://jsfiddle.net/designaroni/UTd3E/ – Designaroni

相关问题