CSS ::selection 选中文字效果

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

测试代码:

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

效果图:

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

 

posted @ 2015-11-03 14:03  卡布奇诺233  阅读(542)  评论(0编辑  收藏  举报