如何更改选择背景颜色

时间:2010-08-10 21:04:18

标签: css

我的意思是:当你选择一些html文本时,背景中会有一种颜色告诉你你选择了哪个文字,如何通过css来改变它,我需要它是白色的,透明的。我已经看到了这一点。 欢呼声

1 个答案:

答案 0 :(得分: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