CSS ::highlight() 伪元素
示例
设置四个自定义高亮样式
::highlight(mycolor-1) {
color: red;
}
::highlight(mycolor-2) {
color: green;
}
::highlight(mycolor-3) {
color: blue;
}
::highlight(mycolor-4) {
color: salmon;
}
亲自试一试 »
定义和用法
::highlight()
伪元素用于设置自定义高亮样式。
自定义高亮是 Range 对象的集合,并使用 HighlightRegistry 在网页上注册。
注意:以下属性可与 ::highlight() 一起使用:
- color
- background-color
- text-decoration
- text-shadow
版本 | CSS 自定义高亮 API 模块级别 1 |
---|
浏览器支持
表中的数字指定了完全支持该伪元素的第一个浏览器版本。
伪元素 | |||||
---|---|---|---|---|---|
::highlight() | 105 | 105 | 否 | 17.2 | 91 |
CSS 语法
::highlight(custom-highlight-name) {
css 声明;
}
相关页面
CSS 教程:CSS 伪元素