CSS prefers-color-scheme 根本不适用于 chrome

Question

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

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

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

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

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

Answer 1

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

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

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

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