内联CSS电子邮件CTA按钮没有出现在Outlook Office 365 W \为什么？

Question

当我编写此直邮邮件广告系列时，我一直遇到此内联HTML / CSS流程的问题。出于某些原因，CTA按钮在Outlook Office 365中不会出现或呈现。在下面的代码中有一个geez并告诉我您是否发现我可能错过的任何可能导致此问题的问题。

内联代码

<tr>
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" class="callToActionButton" style="border-collapse: collapse;border-radius: 10px;box-shadow: 5pt;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #D83826; 4px;box-shadow: 0 5px 0 #D83826;">
<tr>
<td align="center" valign="top" class="callToActionButtonContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;padding-top: 20px;padding-right: 40px;padding-bottom: 40px;padding-left: 40px;color: #F2F2F2;display: block;font-size: 24px;font-weight: bold;line-height: 100%;letter-spacing: -1px;text-align: center;text-decoration: none;">
<a href="mailto:mark.nicholls@informpros.com?subject=Aussie Day Enquiry" target="_blank" title="square gallery" style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #F2F2F2;display: block;font-size: 24px;font-weight: bold;line-height: 100%;letter-spacing: -1px;text-align: center;text-decoration: none;">Email our expert</a>
</td>
</tr>

这是它应该在0365中呈现的方式

这是它在O365实际呈现的方式

没有红框？

Answer 1

Outlook不支持＆＃34;显示＆＃34;和＆＃34;填充＆＃34;，更好的方法是使用边框。

这是一个很好的链接，可以查看Outlook支持的内容。 https://www.campaignmonitor.com/css/

示例：

＆＃13;

＆＃13;

<a style="text-align:center; background-color: red; border-top: solid 8px red; border-right: solid 14px red; border-left: solid 14px red; border-bottom: solid 8px red;">Clickity Click</a>

＆＃13;

＆＃13;

＆＃13;