【问题标题】:CSS prefers-color-scheme does not work on chrome at allCSS prefers-color-scheme 根本不适用于 chrome
【发布时间】:2020-08-08 11:00:11
【问题描述】:

我有一个 wordpress 网站,我想在其中阻止访问暗模式

@media (prefers-color-scheme: dark) {
body {
    color:white;
    background-color:green;
}

应用 css 后,我发现(在 chrome 上虽然我没有尝试其他浏览器)用户仍然可以访问深色背景模式。

这并不能解决问题,即使用户定义的主题设置为暗模式,我如何才能阻止黑色背景?

注意:将我的 chrome 更新到最新版本均无济于事。

【问题讨论】:

    标签: css wordpress sass content-management-system


    【解决方案1】:

    您是否也尝试过添加灯光样式:

    @media (prefers-color-scheme: light) {
        body {
            background-color: #fff;
        }
    }
    
    @media (prefers-color-scheme: dark) {
        body {
            background-color: #000;
        }
    }
    

    尝试一下,然后确保您也将机器设置从暗更改为亮。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-03-19
      • 2019-09-11
      • 2022-07-29
      • 2019-12-18
      • 1970-01-01
      • 2021-05-27
      • 1970-01-01
      • 2020-11-18
      相关资源
      最近更新 更多