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>。

展示演示❯

默认值：	汽车
遗传：	是的
可动画：	不。阅读可动画的
版本：	CSS4
JavaScript 语法：	对象.style.accentColor="red"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
accent-color	93.0	93.0	92.0	15.4	79.0

CSS 语法

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

属性值

Value	Description	Demo
auto	Default value. The browser choose the accent color	Demo ❯
color	Specifies the color to be used as the accent color. All legal color values can be used (rgb, hex, named-color, etc). For more information on legal values, read our CSS Colors Tutorial	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit