如何在Android端Gmail深色模式下保留HTML邮件文本颜色

Android端Gmail对CSS特性的支持和iOS端差异较大，background-clip: text这类属性并不被支持，所以得换用更适配的方案来阻止深色模式下的文本颜色自动反转：

方案1：内联样式+媒体查询强制锁定颜色 #

通过内联基础颜色，结合Gmail识别的深色模式媒体查询与属性选择器，强制锁定文本颜色：

<style>
  /* 适配系统深色模式媒体查询 */
  @media (prefers-color-scheme: dark) {
    .fixed-text-color {
      color: #333 !important;
      /* 若需要固定背景色，可添加此行 */
      background-color: #fff !important;
    }
  }
  /* 针对Android Gmail深色模式的专属属性选择器 */
  [data-dark-mode="true"] .fixed-text-color {
    color: #333 !important;
    background-color: #fff !important;
  }
</style>

<!-- 邮件内容中使用 -->
<p class="fixed-text-color" style="color: #333;">需要保留原色的文本内容</p>

• 内联样式作为基础兜底，确保浅色模式下正常显示
• !important是关键，用于覆盖Gmail深色模式的自动反转规则
• [data-dark-mode="true"]是Android Gmail深色模式下给容器添加的属性，能精准命中目标环境

方案2：直接给文本片段添加带!important的内联样式 #

如果邮件内容较少，可直接给需要保留颜色的文本片段添加内联样式：

<span style="color: #1a73e8 !important;">这是需要固定为蓝色的文本</span>

这种方式简单直接，但对于大篇幅内容维护性较差，建议结合方案1使用。

关键说明 #

Android Gmail不支持background-clip: text和复杂的渐变文本效果，所以这类方案仅能在iOS端生效，Android端必须采用直接锁定文本颜色的方式。

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