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

在编写此直接邮件电子邮件广告系列时，我一直在使用此内联HTML / CSS流程遇到问题。由于某些原因，CTA按钮将不会在Outlook Office 365中显示或呈现。请在下面的代码中放个格调，并告诉我您是否注意到可能导致此问题的任何我可能错过的问题。

内联代码

<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:[email protected]?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中实际呈现的方式


没有红框？

最佳答案

Outlook不支持“显示”和“填充”，更好的方法是使用边框。

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

例：

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