CSS ::highlight() 伪元素

定义和用法

CSS ::highlight() 伪元素用于设置自定义高亮的样式。

自定义高亮是一组 Range 对象，并通过 HighlightRegistry 在网页上注册。

注意：以下属性可以与 ::highlight() 一起使用：

• color
• background-color
• text-decoration
• text-shadow

实例

设置四个自定义高亮的样式：

::highlight(mycolor-1) {
  color: red;
}

::highlight(mycolor-2) {
  color: green;
}
::highlight(mycolor-3) {
  color: blue;
}
::highlight(mycolor-4) {
  color: salmon;
}

亲自试一试

CSS 语法

::highlight(custom-highlight-name) {
  css declarations;
}

技术细节

浏览器支持

表格中的数字指定了完全支持该伪元素的首个浏览器版本。

相关页面

教程：CSS 伪元素