如何在iPhone 14系列邮件中强制指定颜色？

排查与解决思路 #

• 检查系统级"智能反转"设置：iPhone 14 Pro Max的Safari可能受系统「智能反转颜色」功能影响，该设置会强制反转网页颜色，覆盖自定义样式。路径：设置 > 辅助功能 > 显示与文字大小 > 智能反转，确认关闭该选项。
• 提升样式优先级：针对Pro系列的渲染特性，给深色模式样式添加!important强制生效（仅用于排查，后续可优化优先级）：

  @media (prefers-color-scheme: dark) {
    .target-element {
      background-color: #1a1a1a !important;
      color: #ffffff !important;
    }
  }
  

• 添加color-scheme元标签：明确告知浏览器网页支持深浅模式，避免自动反转：

  <meta name="color-scheme" content="light dark">
  

• 替换CSS变量为具体值：若使用CSS变量定义颜色，部分场景下Safari解析可能异常，暂时用具体颜色值替代变量测试是否生效。
• 清除浏览器缓存：Safari缓存可能留存旧样式，路径：设置 > Safari浏览器 > 清除历史记录与网站数据，清空后重新加载网页。

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