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