如何设置HTML邮件中不受深色模式影响的文本颜色？

最直接兼容的方案：内联样式+!important #

邮件客户端对外部样式支持参差不齐，内联样式是兼容性最高的做法——直接在文本标签里强制指定颜色，覆盖客户端深色模式的默认反转逻辑：

<p style="color: #333333 !important; margin: 0;">你的邮件文本内容</p>

把#333333换成你需要固定的颜色值即可，!important是关键，能确保客户端的默认样式不会覆盖你的设置。

针对支持深色模式的客户端：媒体查询锁定 #

如果想针对支持prefers-color-scheme的客户端（比如iOS邮件、Gmail等）做更精准的控制，可以添加内嵌样式块（注意部分客户端要求样式放在<head>标签内）：

<head>
  <style>
    @media (prefers-color-scheme: dark) {
      .fixed-text {
        color: #333333 !important;
      }
    }
  </style>
</head>
<body>
  <p class="fixed-text">固定颜色的文本</p>
</body>

这个方法能在深色模式触发时强制锁定文本颜色，配合你已经设置的白色背景图，整体视觉不会被客户端篡改。

额外防反转技巧 #

部分移动端客户端可能会强制反转文本颜色，可添加-webkit-text-color-adjust属性增强稳定性：

<p style="-webkit-text-color-adjust: none; color: #333333 !important;">你的邮件文本内容</p>

内容的提问来源于stack exchange，提问作者Naomi