2010-08-10 63 views
1

我的意思是:当您选择一些HTML文本时,背景中会出现一种颜色,告诉您所选的文本是多少,如何通过CSS来更改它,我需要它白色,透明。我已经看到了这一点。 欢呼声如何更改选择的背景颜色

回答

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

+0

非常感谢Jake33。 – tetris 2010-08-11 06:31:33

+0

所选规则在IE9中起作用。 – EricLaw 2010-11-11 20:41:19

+1

你并不需要-webkit前缀。 Chrome支持直接选择。 – 2010-11-12 00:30:42