改变文字选中时的颜色和背景色

john521

如果你用的是firefox或者chrome浏览器，随便选中我的博客上的文字，就会发现似乎有些不同，没错，选中的文字的颜色跟背景色不是普通的黑白色，而是有带彩色的。这个效果是咋做出来的呢，相信喜欢玩css的童鞋都有点兴趣。

之前在Insen的博客上看到一篇文章：改变文字选中时的颜色和背景色，另外在怿飞的博客上就发觉它的博客文字选中后颜色跟普通选中的时候不太一样，不过没留意是怎么做出来的，这下让我又想玩一把了，就当做是另一个小彩蛋吧。

不过，这个东西就像IE的私有属性一样，是非标准的实现，就有点像firefox下面的圆角的css代码，这个改变选中文字的背景色只能在firefox 和 google chrome中使用。

要实现很简单，把以下的css定义加到你的css中即可。
查看文本复制到剪贴板打印

   1. selection{background-color:#63C;color:#FFF;}  
   2. a::selection{background-color:#0C0;color:#FFF;}  
   3. ::-moz-selection{background:#63C;color:#FFF;}  
   4. a::-moz-selection{background-color:#0C0;color:#FFF;}