html - CSS 不适用于 Outlook 邮件中的 anchor 标记

Question

应用于 Outlook 中的链接的 CSS 不起作用

HTML:

<tr>
<a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;"><td style="background-color:#000;height:40px;width:475px;">Click Me</td></a>
</tr>

它只显示指向“点击我”文本的链接而不是所有

注意:它应该显示所有 td 的链接，即宽度:475 和高度:40

请帮帮我

谢谢

Answer 1

您可以使用特定于 outlook 的 HTML 来解决这个问题

<div><!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" stroke="f" fillcolor="#556270">
<w:anchorlock/>
<center>
<![endif]-->
 <a href="http://stackoverflow.com" style="background-color:#556270;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">Show me the button!</a>
<!--[if mso]>
</center>
</v:rect>
<![endif]--></div>

另请参阅 http://buttons.cm/用于创建“防弹”电子邮件按钮:)