如何更改浏览器中选定文本的背景颜色？

Question

我们都知道，当我们在浏览器中选择一个文本部分时，它的背景颜色变成了蓝色。这是通过CSS还是JavaScript来改变颜色的方法吗？

Answer 1

是：您可以使用::selection和::-moz-selection伪元素（MDN），它允许您指定选定内容的前景色和背景色。这将适用于所有主流浏览器，除了IE < 9之外，没有其他选择。

::selection { 
    background: pink; 
    color: yellow; 
} 

::-moz-selection { 
    background: pink; 
    color: yellow; 
} 

Answer 2

互联网浏览器的Windows

1.从工具菜单，选择Internet选项...。

2.单击常规选项卡，然后单击颜色...按钮。您可以选择已访问，未访问和悬停的颜色。如果您还想设置自定义文本和背景颜色，请取消选中使用Windows颜色。点击确定。 注意：在Internet Explorer 7或更高版本中，您将需要取消选中使用Windows颜色来修改任何默认颜色。

3.如果您要覆盖由您自己设置的页面设置的颜色，请单击辅助功能...，然后选中忽略网页上指定的颜色。点击确定。

4.单击确定以保存更改并关闭Internet选项窗口。 Safari Safari不允许您轻松更改背景，文本，访问链接和未访问的链接颜色。但是，您可以使用自己的样式表查看网页：

从Safari菜单中选择Preferences ...。

2.在打开的窗口中，单击高级。

3.从“样式表：”旁边的下拉菜单中选择“其他...”，然后导航到您希望使用的样式表。

4.单击选择。

的Firefox 3.x

1.如果您使用的是Windows或Linux，从工具菜单，选择选项...。在Mac OS X中，从Firefox菜单中选择Preferences ...。

2.单击“内容”。在“字体&颜色”下，单击颜色...。

3.选择背景，文字，访问链接和未访问链接的颜色。

4.如果您想用自己的网站覆盖网站的颜色设置，请取消选中允许网页选择自己的颜色，而不是选择上述选项。

Answer 3

对于最完全的工作，您可以使用多个选择具有相同的功能，但在不同的浏览器中使用：

::selection { 
    background: orange; 
    color: white; 
} 

::-moz-selection { 
    background: orange; 
    color: white; 
} 

::-webkit-selection { 
    background: orange; 
    color: white; 
} 

::-o-selection { 
    background: orange; 
} 

::-ms-selection { 
    background: orange; 
    color: white; 
} 

-moz- Firefox浏览器。

-webkit- Safari和Chrome。

-o-歌剧。

-ms- Internet Explorer。