::selection - CSS（层叠样式表） 编辑

::selection CSS伪元素应用于文档中被用户高亮的部分（比如使用鼠标或其他选择设备选中的部分）。

::selection {
  background-color: cyan;
}

允许属性

只有一小部分CSS属性可以用于::selection 选择器：

• color
• background-color
• cursor
• caret-color
• outline and its longhands
• text-decoration and its associated properties
• text-emphasis-color
• text-shadow

要特别注意的是，background-image 会如同其他属性一样被忽略。

语法

/* Legacy Firefox syntax (version 61 and below) */
::-moz-selection

::selection

示例

HTML

This text has special styles when you highlight it.
<p>Also try selecting text in this paragraph.</p>

CSS

::-moz-selection {
  color: gold;
  background-color: red;
}

p::-moz-selection {
  color: white;
  background-color: blue;
}

/* 选中的文本是红色背景，金黄色的字体 */
::selection {
  color: gold;
  background-color: red;
}

/*选中的是蓝色背景，白色的字体的段落*/
p::selection {
  color: white;
  background-color: blue;
}

结果

规范

::selection CSS伪元素选择器是CSS第3级选择器的草案，但是在被推荐使用前就被废弃。它现在在第4级伪元素选择器草案中。

浏览器兼容性

BCD tables only load in the browser