前端 | 怎样修改选中网页中文本或图片时的背景颜色？

我们在选中网页中的文本字段时，会有一个默认的颜色，一般来说，这个默认颜色为蓝色，如下所示。

用取色器可以得到该颜色（取色工具为FastStone Capture):

 

那么作为前端开发者，如果我们想修改这个默认颜色，应该怎么改呢？

我们可以使用 css中的  ::selection 来修改这个样式，代码如下： 

 ::selection {
     background-color: #ccc;  /*改为灰色*/
    text-shadow: none;
 }

 

在 Can I Use...网站中可以看到 IE8以下是不支持这个属性的，其他主流的浏览器都是支持的。