当手机在系统 UI 中设置了暗模式时,它会影响我网站上的 html 和 css,例如改变颜色。我不希望这发生。有没有办法阻止 UI 深色模式更改我的 html 样式?
下面是我添加的没有结果的片段。
@media screen and (prefers-color-scheme: light) {
body {
background-color: white;
color: black;
}
}
@media (prefers-color-scheme: light) {
}
最佳答案
您可以使用特殊的自定义 CSS 媒体查询。当您设备的首选配色方案为深色时,此媒体查询将激活。这样,当用户喜欢深色模式时,您可以为他们提供不同的风格。
@media (prefers-color-scheme: dark) {
/* Your css */
}
更多详情 check this website
关于html - 如何不让手机上的黑暗模式影响我的网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61977939/