目前从 Can I use 上获取的信息显示除了 Edge 外主流浏览器的最新版都已经支持这个特性了，随后微软最新确认，EdgeHTML 15.15061中已经增加了对CSS自定义属性的支持！
拓展：
CSS变量：也称作“自定义属性”；CSS 自定义属性是可以级联的：每一个自定义属性可以多次出现，并且变量的值将会借助级联算法和自定义属性值运算出来。
有以下2种情况会导致该问题：1、典型的css兼容问题，即该组css样式中使用了火狐浏览器不兼容的属性，导致样式无法生效；
2、火狐浏览器的误设置，将css样式关闭。开启方式：菜单->查看->页面样式，选择为“基本页面样式”即可。
一般我们的复选框长成下面这样，现在要求你切深色模式的时候，更改复选框选中的强调色为粉色。
审查元素，你发现 Checkbox 是原生 HTML 标签写的，这个时候你挠挠头，想了想 CSS 好像没有更改强调色的属性，没办法，只能自己来自定义了，但是重新自己写问题很大，从头开始构建它最终会比预期的工作多得多，即使用第三方框架也不是最理想的解决方案，浏览器万一更新新增效果就扯犊子了。
最好的解决方案还是利用 CSS 属性来解决。这就是我们的主角：
接下来给出实现的源码：
问题来了，这么好用的 CSS 属性，难道就只支持复选框吗？那肯定不成本着好东西多用，它支持四个元素： checkbox 、 radio 、 range 和 progress 。每个都可以在此处以浅色和深色配色方案预览 https://accent-color.glitch.me 。
通过 https://caniuse.com/?search=accent-color 查询 accent-color 的兼容性很一般，但是你要知道，即使是不支持的浏览器，你写了 CSS 语法是不会报错的，所以作为增强使用完全没问题。
