::target-text

Baseline 2024
Newly available

Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

We'd love to hear more about your role and the company you work for
Please help us by answering a few questions.

实验性: 这是一项实验性技术
在将其用于生产之前，请仔细检查浏览器兼容性表格。

::target-text CSS 伪元素代表了浏览器在支持文本片段技术时所滚动到的文字。它使得作者可以选择高亮一段文字的方式。

css
::target-text {
  background-color: pink;
}

语法

css
::target-text {
  /* ... */
}

示例

高亮文本片段

css
::target-text {
  background-color: rebeccapurple;
  color: white;
}

要实际查看 CSS 效果，请参考 scroll-to-text 演示。

规范

Specification
CSS Pseudo-Elements Module Level 4
# selectordef-target-text

浏览器兼容性

参见