首页 > web前端 > CSS实现修改网页选中文字的颜色与背景色

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

2012-05-16 toyean web前端 1人评论 5802人浏览

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

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

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

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

打赏

评论列表

kangkang  4年前 (2013-11-14) 回复该评论
全选了也没变,要看截图么,(Chrome30)
kangkang

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

拓源网官方微信
关注拓源网微博
476590949
09:00 - 18:00
拓源网QQ群: 491920017
客服邮箱: