CSS ::highlight() 偽元素
示例
樣式四個自定義高亮
::highlight(mycolor-1) {
color: red;
}
::highlight(mycolor-2) {
color: green;
}
::highlight(mycolor-3) {
color: blue;
}
::highlight(mycolor-4) {
color: salmon;
}
自己動手試一試 »
定義和用法
::highlight()
偽元素用於設定自定義高亮的樣式。
自定義高亮是一組 Range 物件,透過 HighlightRegistry 在網頁上註冊。
注意: 以下屬性可用於 ::highlight():
- color
- background-color
- text-decoration
- text-shadow
版本 | CSS Custom Highlight API Module Level 1 |
---|
瀏覽器支援
表中數字表示首次完全支援此偽元素的瀏覽器版本。
偽元素 | |||||
---|---|---|---|---|---|
::highlight() | 105 | 105 | 否 | 17.2 | 91 |
CSS 語法
::highlight(custom-highlight-name) {
CSS 宣告;
}
相關頁面
CSS 教程:CSS 偽元素