CSS ::selection 选中文字效果

::selection伪元素，用来定义用户鼠标已选择内容的样式

测试代码：

p::selection{
background: #45caaf;
color: #fff;
}
p::-moz-selection{
background: #45caaf;
color: #fff;
}

效果图：

从下面可以看出兼容性上还是比较好的，各大主流浏览器都支持，需要注意的是不支持IE8以下的版本，firefox浏览器下需要添加-moz-前缀，chrome浏览器无须添加前缀。

 

转载于:https://www.cnblogs.com/yxyblogs/p/4933048.html