::target-text

可用性有限

此功能不是基线功能,因为它在一些使用最广泛的浏览器中无法正常工作。

实验性: 这是一个 实验性技术
在生产环境中使用此功能之前,请仔细查看 浏览器兼容性表格

::target-text CSS 伪元素 表示如果浏览器支持 文本片段,则已滚动到的文本。它允许作者选择如何突出显示该文本部分。

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

语法

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

示例

突出显示文本片段

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

要查看此 CSS 的实际效果,请点击链接访问 滚动到文本演示

规范

规范
CSS 伪元素模块级别 4
# selectordef-target-text

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅