::target-text

Baseline 2024
新推出

自 2024 年 12 月起,此功能可在最新的裝置和瀏覽器版本上使用。此功能可能無法在舊版裝置或瀏覽器上使用。

::target-text CSS 偽元素表示瀏覽器支援文字片段時,已滾動到的文字。它允許作者選擇如何突出顯示該部分文字。

::target-text 偽元素遵循所有高亮偽元素共有的特殊繼承模型。有關此繼承如何工作的更多詳細資訊,請參閱高亮偽元素繼承部分。

語法

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

示例

高亮文字片段

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

要檢視此 CSS 的實際效果,請訪問滾動到文字演示的連結。

規範

規範
CSS 偽元素模組 Level 4
# selectordef-target-text

瀏覽器相容性

另見