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

 

 

很多个人网站都会改变选中区域的文字和背景的颜色，今天偶然看到的，就想了一下，想到了系统默认事件(system default)，想到了jQuery的Sizzle选择器，貌似都搭不上边，其实很简单，用CSS3的伪元素选择器::selection就好了。

 

.demo::selection{color:#fff;background:#ff5e2c;}
.demo::-moz-selection{color:#fff;background:#ff5e2c;}
.demo::-webkit-selection{color:#fff;background:#ff5e2c;}

 

试着来选中这篇博文的文字吧！

 

相关链接：CSS3伪元素和伪类选择器