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 声明;
}

技術細節

版本： CSS 自定義高亮 API 模塊 1

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
105 105 不支持 17.2 91

相關頁面

Ohjeet:CSS tarkistuselementit