OL Office 365/Outlook 2021 Windows深色模式邮件渲染异常求助

针对OL Office 365 Dark和Outlook 2021 Dark for Windows中按钮背景局部翻转、文本变黑的问题，可通过以下调整修复：

核心修改点 #

• 给文本添加mso-color-alt: #fff，强制Outlook深色模式下文本保持白色，阻止颜色自动翻转
• 给VML矩形和外层单元格添加mso-bg-alt: #7F3342，固定背景色，避免局部翻转
• 确保链接的background-color与VML的fillcolor完全一致，消除渲染差异

修改后的代码 #

<tr>
  <td align="center" style="text-align:center; background-color:#7F3342; mso-bg-alt:#7F3342;">
    <!--[if mso]>
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:40px;v-text-anchor:middle;width:600px;" stroke="f" fillcolor="#7F3342" mso-bg-alt="#7F3342">
      <w:anchorlock/>
        <center>
    <![endif]-->
    <a href="#"
      target="_blank" rel="noopener" class="graphic"
      style="text-align:center; background-color:#7F3342; color:#fff; mso-color-alt:#fff; display:inline-block; text-decoration:none; width:600px; font-family:Helvetica, Arial, sans-serif; font-size:14px; letter-spacing: 1.5px; font-weight:600; line-height:40px; -webkit-text-size-adjust:none; white-space: nowrap;">
      SUBSCRIBE TO OUR NEWSLETTER
    </a>
    <!--[if mso]>
        </center>
      </v:rect>
    <![endif]-->
  </td>
</tr>

原理说明 #

Outlook的深色模式会自动检测高对比度颜色并翻转，mso-color-alt和mso-bg-alt是微软专属样式，用于强制指定深色模式下的文本和背景色，覆盖自动翻转逻辑。同时保持VML和CSS背景色一致，确保整个按钮区域渲染统一。

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