::selection 伪元素

描述

CSS伪元素 ::selection 是用来自定义文档被选中后的文本样式，比如背景颜色，字体颜色等。

对于CSS伪元素 ::selection，只有一小部分的CSS属性有效果

• color  字体颜色 

• background-color  背景颜色

• cursor  光标样式  

• caret-color   插入光标颜色

• outline and its longhands   轮廓样式

• text-decoration and its associated properties  文本修饰和相关属性

• text-emphasis-color   强调字体颜色 

• text-shadow  字体阴影

语法

/* 火狐浏览器 (版本61及以下使用) */
::-moz-selection {
    background-color: red;
}

::selection {
    background-color: #fff;
}

PS：比如当前网站，可以选择一段文本，你可以看到字体的颜色是白色，被选择的背景颜色是其他颜色。