黑暗模式
本帖最后由 cookie981 于 2022-1-23 16:20 编辑win10不是有亮和暗模式吗,我想开启暗模式时开启样式文件,开启亮模式时关闭,怎么实现
样式文件有黑暗模式的代码
CSS 里有一个媒体查询提供这样的接口:prefers-color-scheme。可以这样子用:
@media (prefers-color-scheme: dark) {
/*dark style */
}
不过需要注意的是它其实是检测浏览器的主题色,所以百分或 Edge 等需要在外观设置中跟随系统(而 Chrome 由于没有自定义深浅色外观的功能,所以没区别)。
页:
[1]