::highlight()
是一个 CSS 伪元素,它用于选择并样式化用户高亮(例如通过鼠标拖动或触摸屏)的文本片段。自定义高亮是一组 Range 对象,可以通过 CSS Custom Highlight API 来创建。
本文将通过一个完整示例来介绍 ::highlight()
和 CSS Custom Highlight API 概念、应用及注意事项。
::highlight()
1)::highlight() 语法:
::highlight(custom-highlight-name) {
/* css rule */
}
2)::highlight() 应用限制:
和 ::selection
伪元素类似,只有特定的 CSS 属性(主要是文本相关的)可以与 ::highlight()
一起使用: