如何让Outlook/Gmail邮件模板在安卓/苹果深色模式下保持不变？

邮件客户端对color-scheme这类meta标签的支持存在差异，仅靠现有标签无法覆盖所有平台，以下是针对苹果、安卓主流邮件客户端的解决方法：

• 优化meta标签声明
  将原有标签的content值改为light only，同时补充苹果平台的特定声明，明确告知客户端只使用浅色方案：

  <meta name="color-scheme" content="light only" />
  <meta name="supported-color-schemes" content="light only" />
  <meta name="apple-mobile-web-app-status-bar-style" content="light" />
  

• 用CSS强制锁定颜色与背景
  部分客户端会自动反转文本和背景色，需在全局样式中强制设置原始样式，并通过!important覆盖系统自动调整：

  body, table, td, div {
    color: #你的原始文本色 !important;
    background-color: #你的原始背景色 !important;
  }
  /* 针对渐变色背景，直接指定原始渐变值，避免系统篡改 */
  .gradient-container {
    background: linear-gradient(#起始色值, #结束色值) !important;
  }
  

• 阻止图片/logo被系统滤镜修改
  苹果邮件、部分安卓客户端会在深色模式下给图片添加滤镜效果，通过CSS禁用该行为：

  img {
    filter: none !important;
    -webkit-filter: none !important;
    color-scheme: light only !important;
  }
  

  同时确保图片为非透明格式（如JPG），或透明区域已适配浅色背景，避免系统自动填充深色背景。

• 适配Gmail移动端的特殊逻辑
  Gmail移动端对外部CSS支持有限，需给核心容器（如表格）添加内联样式强制锁定样式：

  <table style="background-color: #你的背景色 !important; color: #你的文本色 !important;">
    <!-- 邮件内容 -->
  </table>
  

完成设置后，发送测试邮件到苹果邮件、Gmail安卓客户端、三星邮件等主流平台，验证深色模式下的显示效果。

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