我们在选中网页中的文本字段时,会有一个默认的颜色,一般来说,这个默认颜色为蓝色,如下所示。
![](https://i-blog.csdnimg.cn/blog_migrate/c2768ade79944278312ddfec446c3343.png)
用取色器可以得到该颜色(取色工具为FastStone Capture):
![](https://i-blog.csdnimg.cn/blog_migrate/e422a51512d01422679a53edee082e09.png)
那么作为前端开发者,如果我们想修改这个默认颜色,应该怎么改呢?
我们可以使用 css中的
::selection 来修改这个样式,代码如下:
::selection {
background-color: #ccc; /*改为灰色*/
text-shadow: none;
}
在
Can I Use...网站中可以看到
IE8以下是不支持这个属性的,其他主流的浏览器都是支持的。
![](https://i-blog.csdnimg.cn/blog_migrate/a68ad8e301d0022ef4fab1796d22c159.png)