css - 如何更改文本选择背景颜色

Question

我的意思是:当您选择一些 HTML 文本时，背景中会有一种颜色告诉您您选择了哪个文本。如何通过 CSS 更改它？我需要它是白色的，透明的。我已经看到这样做了。

Answer 1

您可以使用某些 CSS 选择器来更改所选文本的 CSS 属性。 (我对此进行了测试，它适用于 Firefox、Safari、Chrome，甚至 Konqueror，但不适用于 IE)。示例:

*::selection {
    background: #cc0000;
    color: #ffffff;
}
*::-moz-selection {
    background: #cc0000;
    color: #ffffff;
}
*::-webkit-selection {
    background: #cc0000;
    color: #ffffff;
}

您必须单独指定每个选择器，否则它不起作用(我猜 CSS 解析器在遇到错误时会停止处理选择器)。这会将所选文本的背景颜色更改为深红色，将颜色更改为白色(以及您要更改的任何其他 CSS)。这没有很好的跨浏览器支持(在 IE 中不起作用，也可能在 Opera 中不起作用)，但我认为这是唯一可能的解决方案，没有某种复杂的、有问题的 JavaScript 脚本。

更多信息:http://www.quirksmode.org/css/selection.html