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%);
}
亲自尝试 »
定义和用法
The accent-color 属性指定用户界面控件（如：<input type="checkbox">、<input type="radio">、<input type="range"> 和 <progress>）的强调色。
| 默认值 | auto |
|---|---|
| 继承 | 是 |
| 可动画 | 否。 阅读关于 可动画 的内容 |
| 版本 | CSS4 |
| JavaScript 语法 | object.style.accentColor="red" 尝试一下 |
浏览器支持
表中的数字指定第一个完全支持该属性的浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| 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 的内容 |
