CSS3特殊伪类::selection改变页面选中文字的样式

一般在网页上面，选中文字的时候，文字的样式是会改变的，当然，样式也都是千篇一律的浏览器的默认样式，蓝底白字，偶然看到有些网页上面当文字选中的时候会有不一样的样式，当时就很是好奇，后来才慢慢发现是css的一个伪类::selection

　　::selection是一个CSS3选择器（这也告诉这我们CSS3必须要去熟悉，这玩意确实可以弄出很多意想不到的好效果。）

　　兼容性：IE9+，Chrome，Opera，Safari，Firefox…（也可以去查看）caniuse.com#search=::selection

　　当然，Firefox必须要加-moz-前缀才可以其效果。

　　

1 ::selection{
2     background-color: navy;
3     color: red;
4 }
5 ::-moz-selection{
6     background-color: navy;
7         color: red;
8 }

　　

　　可以选中下面的文字试一试：　　

　　选中我选中我选中我选中我选中我选中我选中我选中我选中我选中我

 

 

 

 

 

转载于:https://www.cnblogs.com/vgsir/p/4824656.html