html 文本文字选中效果,CSS ::selection选中文字后的效果

如何选择文本时，背景是红色，而文本是白色的问题，其实是用CSS样式控制的。效果图如下所示：

CSS::selection伪元素，定义用户鼠标已选择内容的样式。下面介绍一下selection对浏览器的兼容情况：

CSS E::selection 伪元素浏览器兼容性

选择符

IE6

IE7

IE8

IE9

FF

CH

OP

SA

E::selection

no

no

no

yes

yes

yes

yes

yes

或许大家对这样的实现并不陌生，可是有很多童鞋可能跟我一样，并不知道是如何实现，因为在默认情况下，选择网站文本都是深蓝的背景，白色的字体,就如下本站的而言，选择文本后，背景是深蓝色，而选中的文本就是白色，如下图所示：

后来带着这样的问题，我也是到处寻找解决的