CSS accent-color 屬性
示例
為不同的使用者介面控制元件設定強調色
input[type=checkbox] {
accent-color: red;
}
input[type=radio] {
accent-color: green;
}
input[type=range] {
accent-color: rgb(0, 0, 255);
}
progress {
accent-color: hsl(39, 100%, 50%);
}
自己動手試一試 »
定義和用法
accent-color 屬性為使用者介面控制元件（如：<input type="checkbox">、<input type="radio">、<input type="range"> 和 <progress>）指定強調色。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| accent-color | 93.0 | 93.0 | 92.0 | 15.4 | 79.0 |
CSS 語法
accent-color: auto|color|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| auto | 預設值。瀏覽器選擇強調色 | 演示 ❯ |
| color | 指定用作強調色的顏色。所有合法的顏色值都可以使用（rgb、十六進位制、命名顏色等）。有關合法值的更多資訊，請閱讀我們的 CSS 顏色教程 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
