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

Question

我们都知道，当我们在浏览器中选择文本部分时，其背景颜色会变为蓝色。这是通过CSS或JavaScript更改此颜色的方法吗？

Answer 1

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

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

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

Answer 2

适用于Windows的Internet Explorer

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

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

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

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

从Safari菜单中，选择偏好设置....

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

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

4.单击“选择”。

Firefox 3.x

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

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

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

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

Answer 3

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

vector<int>{1, 3, 4, 2}

-moz - Firefox。

-webkit - Safari和Chrome。

-o - Opera。

-ms - Internet Explorer。