0

I just have a quick question - I'm building out a email template using MJML and for some odd reason, Outlook keeps overwriting the bordering on the template which I don't know why.

MJML:

Ignore the inline styling for now - I will be cleaning up the template later. 

<!-- 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 -->

Screenshot:

enter image description here

Outlook:

enter image description here

Any particular thing that I'm doing that causing outlook to render the borders as black? I can't seem to find anything online to help me out

4

1 回答 1

1

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

于 2019-08-02T19:05:44.657 回答