您的位置：首页 > Web前端 > CSS

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

2015-09-20 22:55 260 查看

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


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

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

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

　　

::selection{
background-color: navy;
color: red;
}
::-moz-selection{
background-color: navy;
color: red;
}


　　

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

　　选中我选中我选中我选中我选中我选中我选中我选中我选中我选中我
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航