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 |