CSS accent-color 屬性

定義和用法

accent-color 屬性用于指定用戶界面控件的強調色，例如：

<input type="checkbox">
<input type="radio">
<input type="range">
<progress>

實例

為不同的用戶界面控件設置強調色：

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%);
}

親自試一試

CSS 語法

accent-color: auto|color|initial|inherit;

屬性值

值 描述
auto 默認值。瀏覽器選擇強調色。
color

指定用作強調色的顏色。

可以使用所有合法的顏色值（rgb、十六進制、命名顏色等）。

有關合法值的更多信息，請參閱我們的 CSS 顏色教程。
initial 將此屬性設置為其默認值。參閱 initial。
inherit 從其父元素繼承此屬性。參閱 inherit。

技術細節

默認值： auto
可繼承性： 是
動畫制作： 支持。請參閱：動畫相關屬性。
版本： CSS4
JavaScript 語法： object.style.accentColor="red"

瀏覽器支持

表格中的數字表示首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0