a标签文字选中后的颜色样式更改

::selection 选择器,选择被用户选取的元素部分。是css3的用法,讲真,我觉得这个东西没必要特地去写。因为选中样式默认的会根据你的背景颜色还有字体color来设置颜色

这是我默认的样式

为了更好的兼容一些浏览器

实例代码:

::selection {
background:#FF9;
color:#F00;
}
::-moz-selection {
background:#FF9;
color:#F00;
}
::-webkit-selection {
background:#FF9;
color:#F00;
}

未选中前:

选中后,真够丑的,但是只是为了测试看一下明显的效果

 

posted @ 2017-06-09 16:34  百撕可乐  阅读(10226)  评论(0编辑  收藏  举报
版权声明:本博客原创文章使用CC3.0授权协议,署名-非商业性使用-禁止演绎。转载本博客文章须在开头位置著名原作者姓名以及原文链接,违反协议的转载将受到我本人的版权追责。