一直以来很少人关注网页面上的选中区域文字的样式,但是不乏在一些细心的网站会加一些这样的设置。

CSS3新增的伪::selection,可以帮助我们来改变选择文本的颜色和背景。

::selection{color:#333;background-color:#cca2da;}
::-moz-selection{color:#333;background-color:#cca2da;}
::-webkit-selection{color:#333;background-color:#cca2da;}

下面这个图来源于网络,主要测试了部分浏览器的支持情况

阿里云-推广AD