现代CSS:CSS 伪元素 ::highlight()

科技   2024-10-19 23:45   北京  

::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() 一起使用:

FED实验室
前端开发实验室,专注于前端全栈开发方向,内容覆盖前端热点资讯、工程架构、技术实践、工具资源和前端面试招聘等内容。全网同号。
 最新文章