查找:https://developer.mozilla.org/en-US/docs/Web/CSS/forced-color-adjust我在test.html文件中有这个代码HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div class="box">
<h1>Title</h1>
</div>
<br>
<div class="box forced">
<h1>Title</h1>
</div>
</body>
</html>
和style.css文件中的CSS:
.box {
border: 5px solid grey;
background-color: #ccc;
width: 300px;
margin: 20px;
padding: 10px;
text-color: black;
}
@media (forced-colors: active) {
.forced {
forced-color-adjust: none;
}
}
两个文件在同一目录下。云存储系统存在。好吧，我上传这两个文件在远程和测试我做了一个帖子在facebook上。当我点击这篇文章，我打开test.html在FACEBOOK浏览器在应用程序并在暗模式下显示白色文本。css类.forced的盒子应该允许在黑色显示文本，但不是这样!一般来说，我有一个接近黄色的背景色，如果用户试图阅读，强行用白色代替黑色是没有帮助的。所以我问，我能解决这个问题吗?非常感谢。
只是想沟通一下我已经解决的问题:
:root {
color-scheme: light only;
}
再次感谢。