如何在Gmail的回复电子邮件中使用@media (首选颜色方案)？
如何在Gmail的回复电子邮件中使用@media (首选颜色方案)？
提问于 2020-02-06 11:33:08
跟随CSS是在head的HTML中改变电子邮件正文的颜色时，设备在黑暗模式。
@media (prefers-color-scheme: dark) {
.white-cont {
background: red !important;
}
}它只在苹果邮件应用程序中变成电子邮件体。Gmail应用程序什么也不做，整个邮件都会自动转换成暗色方案，这不是很好。
如何使黑暗模式响应gmail电子邮件？为什么上面的标签在gmail中不起作用？有什么解决办法吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-02-06 17:48:12
黑暗模式是电子邮件发展的一个趋势，为电子邮件呈现更深的颜色调色板，使其更适合在低光环境中使用。在IOS、Android、MacOS Mojave和更新版以及Outlook2019中，一些电子邮件客户端都支持黑暗模式。
在黑暗模式下，电子邮件本质上是颠倒颜色的。曾经是白色的背景变成了黑色(通常是十六进制颜色#333，文本原本是黑色的)。然而，并非一切都是以预期的方式进行的。图片和瓷砖上的背景保持不变，看起来.关了。更重要的是，没有两个电子邮件客户采用相同的方法来呈现黑暗模式，因此需要实施一些创造性的解决方案，以使电子邮件继续看起来像开发人员所期望的那样。
坏消息是，我们不能通过@media查询或为Gmail或Outlook生成类名，通过CSS专门针对黑暗模式。Gmail将替换<style>工作表中的颜色值，Outlook将内联暗模式颜色值，并向它们添加一个!important，使得不可能在<style>工作表中覆盖它。
溶液
在谷歌和微软提供解决方案之前，最好的方法是接受这是一个现实，并设计电子邮件，不管用户选择什么背景颜色来查看它们。越来越多的用户采用黑暗模式，因此它只会在未来变得更受欢迎。
祝好运。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60094029
复制相关文章
相似问题
腾讯云开发者
