javascript - 如何防止 Darkmode.js 使背景图像为负
问题描述
我发现darkmode.js
(darkmodejs.learn.uno) 是在我的网站中实现暗模式的一种非常简单的方法,它对我来说效果很好,期待一个小问题。也就是说,它改变了我的 background-image css 属性的颜色,并使其成为一种负值。
有什么办法可以避免background-image
改变它的颜色吗?
希望尽快回复。
提前感谢您的帮助。
解决方案
就在这里。文档说您可以覆盖样式。
由于库会darkmode--activated
在页面正文中添加一个类,因此您可以在启用的暗模式下编写与您的背景匹配的 CSS 选择器:
.darkmode--activated #my-element-with-background {
filter: invert(0);
}
请注意,我不知道 darkmode.js 究竟如何反转您的背景。filter: invert(1);
只是一个疯狂的猜测。您必须检查那里发生的情况并覆盖样式属性。
推荐阅读
- c# - C# Azure AD Graph 获取超过 20 个组的所有成员
- javascript - 使用 key props 强制重新渲染
- react-native - 如何在视图中设置状态并显示画廊中的多个选定图像
- angular - MatSnackBar 中的样式从组件打开
- sql-server - 如何动态添加列?
- javascript - 使用 try-catch 代替 then-response
- animation - Animation.commit 在 Xamarin Forms 中动画结束之前返回回调
- python - Pythonnet 错误:XamlParseException:“无法从文本中创建“点击”
- security - SNMPv2c 与 SNMPv3 自定义 MIB
- javascript - Angular 6 - 更改变量但不刷新视图