Microsoft Outlook 电子邮件边框覆盖 CSS

Question

我有一个简单的问题 - 我正在使用 MJML 构建一个电子邮件模板，出于某种奇怪的原因，Outlook 不断覆盖模板上的边框，我不知道为什么。

MJML:

暂时忽略内联样式 - 我稍后会清理模板。

<!-- Start Tenth Section: Groovy -->
<mj-section padding-top="0px" padding-bottom="0px" border-left="1px solid grey" border-right="1px solid grey">
  <mj-column background-color="#FFFFFE" border-bottom="1px solid lightgrey">
    <mj-image padding-bottom="0px" padding-top="0px" padding-left="0px" padding-right="0px" src="https://i.imgur.com/b2Lwa6F.png" href="https://www.arturia.com/products/ipad-synths/ispark/overview" alt=""></mj-image>
    <mj-text mj-class="content_section_left content_section_right" >
      <div class="article" mc:repeatable>
        <p mc:edit="article_content">Content</p>
      </div>
    </mj-text>
  </mj-column>
</mj-section>
<!-- End Tenth Section -->

截图：

展望：

我正在做的任何特定事情导致 outlook 将边框呈现为黑色？我似乎无法在网上找到任何可以帮助我的东西

Answer 1

有时在电子邮件模板上我们会遇到不同的问题。有时它可能无法获取样式或者您可能会遇到渲染问题。如果 td 或 table 上的样式不起作用，则将您的样式放在样式标签中，其中一个肯定会起作用。有时它可以采取不同的行动。 Css in style 不起作用，但给出那个或 table 或 td 有效。检查什么最适合您...如果不是，则 !important 可用于强制在 outlook 客户端上显示该样式。

Microsoft Outlook 电子邮件边框覆盖 CSS

Microsoft Outlook Email border overwriting CSS

html

css

email

outlook

mjml