用CSS改变选择文本的背景颜色

最近访问一个网站的时候,我注意到,当其文字被选中时有一个匹配他的网站的背景色,这个背景色通常是深蓝色。

现在,如果您的网站不使用任何蓝色为文字背景,看上去会不会有点不合适?

当寻找如何实现这一点的解决办法后,我感到惊喜,这竟然非常容易。只需添加以下的CSS到您的网页:

  1. ::selection {background:#C3E99E}  
  2. ::-moz-selection {background:#C3E99E}  

这可能看起来没有什么,但它是一个微妙的效果,可以为您的网站增加一些视觉吸引力!

WordPress merchandise

兼容的浏览器:

  • ::selection在IE家族中,只有IE9+版本支持,在Firefox中需要加上其前缀“-moz”,查阅相关w3c官方资料,并没有对这个属性的解说资料,只知道这个属性被规纳在CSS的伪类选择器中。
  • ::selection只能设置两个属性,一个就是background,另一个就是color属性,设置其他属性是没有任何效果的。

赶快加到你的网站试试吧~~

admin

大家好!欢迎光临我的个人博客,本博主要是学习和记录自己生活、学习中发生的点点滴滴的过程,很高兴可以把自己的废话和一点点的经验拿出来和网友分享,最大的愿望就是能构共同学习,共同进步。

2 条回复

  1. 黑客小说说道:

    这个总被淡蓝色的好看些。。。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.