html - 如何更改复选框、 slider 、单选按钮和选择组件的强调色

Question

我想更改复选框、 slider 、单选按钮和选择组件的强调色。有什么简单的方法吗？

Answer 1

如果您使用 Chrome version 93+，则可以使用新的 accent-color 属性.

#checkbox {
  accent-color: limegreen;
}

<input type="checkbox" id="checkbox"/>

这适用于复选框、 slider 和单选按钮。目前无法设置所选组件选项背景的样式。

浏览器支持仍然是limited尽管。它也将在下一版本的 Firefox 和 Edge 中得到支持。