CSS实现修改网页选中文字的颜色与背景色

web前端 13001 12年前 (2012-05-16)

首先,感谢您访问拓源网,如果您现在使用的是IE9、Firefox、Chrome、Safari、Opera等浏览器,不妨试一试选中拓源网任意页面上的文字,你会发现被选中的文字颜色与背景色与其他网站颜色大不一样,因为写了如下CSS:

::selection {color: #fff;background-color: #cc3333;}   
::-moz-selection {color: #fff;background-color: #cc3333;}

样式表中加入以上代码后,网页上的文字被选中后的颜色为白色,选中文字的背景色为深灰色,不支持IE8及以下浏览器。

我个人并不建议其用于商业网站,而是适用于个人博客网站或设计类网站,如果您有更好的方法不妨提出来,供大家交流学习,使之共同进步!

分享给朋友: