系统原生控件的主题色由操作系统决定,以前想换复选框勾选色只能完全自绘控件。accent-color: #4a9eff 一行写下去,勾选框、单选圆点、range 滑块、progress 条全部跟着变,且保留了原生无障碍与键盘交互。
它只改「强调色」,控件其他部分仍跟系统;想要完全统一的外观还是得自绘。表单批量统一样式的场景非常省事。
<style> form { accent-color: #4a9eff; } </style> <form> <input type="checkbox" checked> 勾选框<br><br> <input type="radio" name="r" checked> 单选<br><br> <input type="range" value="60"><br><br> <progress value="70" max="100"></progress> </form>