【发布时间】：2019-10-30 03:12:51
【问题描述】：
我创建了 HTML 并将内联转换为通过 SendGrid 模板与大多数电子邮件客户端一起呈现。但是，有一个元素、一个按钮和链接无法在 Apple Mail 中呈现。该按钮根本不起作用。它正在工作并通过 GMail 和其他客户端中的链接。
我尝试使用现有代码来呈现按钮，但没有任何区别。想知道是否有其他人在使用 Apple Mail 时遇到过这个问题。
<table border="0" cellpadding="0" cellspacing="0" class="module" data-role="module-button" data-type="button" role="module" style="table-layout: fixed;box-sizing: border-box;border-collapse: collapse;" width="100%"><tbody style="box-sizing: border-box;"><tr style="box-sizing: border-box;page-break-inside: avoid;"><td align="center" class="outer-td" style="padding: 0px 0px 45px 0px;box-sizing: border-box;"><table border="0" cellpadding="0" cellspacing="0" class="button-css__deep-table___2OZyb wrapper-mobile" style="text-align: center;box-sizing: border-box;border-collapse: collapse;"><tbody style="box-sizing: border-box;"><tr style="box-sizing: border-box;page-break-inside: avoid;"><td align="center" bgcolor="#F5A623" class="inner-td" style="border-radius: 6px;font-size: 16px;text-align: center;background-color: inherit;box-sizing: border-box;"><a style="background-color: #F5A623;border: 1px solid #333333;border-color: #F5A623;border-radius: 3px;border-width: 1px;color: #ffffff;display: inline-block;font-family: helvetica,sans-serif;font-size: 16px;font-weight: normal;letter-spacing: 0px;line-height: 16px;padding: 15px 75px 15px 75px;text-align: center;text-decoration: none;box-sizing: border-box;-webkit-text-decoration-skip: objects;" href="{{{c2a_link}}}" target="_blank">{{c2a_button}}</a></td></tr></tbody></table></td></tr></tbody></table>
【问题讨论】：
-
定义“不起作用”。是不是根本就没有出现？它是否显示但不可点击？
-
嗨 Ceejayoz，该按钮按预期正确呈现，它在 Apple Mail 客户端中根本无法点击。谢谢
标签： html email sendgrid apple-mail