用CSS美化被鼠标选中的文字的样式

CSS代码

/* webkit, opera, IE9 */
::selection{background:lightblue;}
/* mozilla firefox */
​​​​​​​::-moz-selection{background:lightblue;}

-moz-属性前缀是个火狐浏览器用的，而基本的::selection选择器是给谷歌浏览器用的。跟其它CSS选择器的用法一样，你可以嵌套使用，在不同的地方显示不同的颜色：

/* webkit, opera, IE9 */div.highlightBlue::selection{background:lightblue;}
/* mozilla firefox */div.highlightBlue::-moz-selection{background:lightblue;}
/* webkit, opera, IE9 */div.highlightPink::selection{background:pink;}
/* mozilla firefox */div.highlightPink::-moz-selection{background:pink;}