CSS ::highlight() 偽元素

定義和用法

CSS ::highlight() 偽元素用于設置自定義高亮的樣式。

自定義高亮是一組 Range 對象，并通過 HighlightRegistry 在網頁上注冊。

注意：以下屬性可以與 ::highlight() 一起使用：

• color
• background-color
• text-decoration
• text-shadow

實例

設置四個自定義高亮的樣式：

::highlight(mycolor-1) {
  color: red;
}
::highlight(mycolor-2) {
  color: green;
}
::highlight(mycolor-3) {
  color: blue;
}
::highlight(mycolor-4) {
  color: salmon;
}

親自試一試

CSS 語法

::highlight(custom-highlight-name) {
  css declarations;
}

技術細節

瀏覽器支持

表格中的數字指定了完全支持該偽元素的首個瀏覽器版本。

相關頁面

教程：CSS 偽元素