javascript - 如何检测浏览器是否支持prefers-color-scheme

标签 javascript css themes

有没有办法使用 prefers-color-scheme 来检测用户的浏览器是否支持从操作系统继承主题(例如深色模式)属性(property)?

我想添加一个基于 JavaScript 的主题切换器。如果用户已经内置支持,我想添加一个名为“自动”的特殊按钮。这应该遵循系统。

最佳答案

如果您想检测对 JavaScript 的支持,一种想法是在 CSS 中设置一个变量,在 prefers-color-schemeread that CSS variable 的媒体查询中更新其值。使用 JavaScript。

关于javascript - 如何检测浏览器是否支持prefers-color-scheme,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60871682/

相关文章:

当我 SlideToggle...css3 时,jquery 正在设置高度的内联样式?

css - 不尊重位置为 : sticky 的 safari 上的 z-index

android - 在java中改变主题不会改变背景颜色

javascript - 哪些变量将被发送到匿名函数?

javascript - 使正则表达式变得更好

html - 使用内联 block 将两个 anchor 彼此相邻放置而不 float

xml - 无法在新的 ApachePOI XSSFWorkbook 中简单地创建主题

Javascript 图像翻转

javascript - 需要改变选择框未选中的样式

android - 将样式应用于所有对话框(微调对话框、警报对话框等)