我正在使用一个链接标签，其样式看起来像我的电子邮件中的一个按钮。标签的css如下。
<a href="#">Submit</a>
a.submit{
background: none repeat scroll 0 0 #FF9900;
border: 1px solid #FF9900;
color: #FFFFFF;
display: inline-block;
padding: 6px;
text-decoration: none;
}
链接样式适用于除 Outlook 之外的任何地方。只有文本获得背景颜色的地方
我在 google+ 电子邮件中也注意到了同样的问题。他们的按钮在 Outlook 中显示相同的 CSS 样式问题
【问题讨论】：
标签： css outlook-2010
您还没有为您的<a> 标签分配一个类，但如果它仍然无法工作，因为某些电子邮件服务不允许某些 CSS 标签，请在此处查看更多信息：http://www.campaignmonitor.com/css/
【讨论】：
已编辑：
不幸的是，Outlook 支持的内容大致相当于 IE5 兼容的 HTML。这真的很可怕。这是关于 Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 的详细 MSDN 文章，我认为它对于 Outlook 2010 没有太大变化。
老实说，我能够让 Outlook HTML 看起来像我想要的方式的唯一方法是使用大致 HTML2 标准标签和属性手动生成 HTML，而根本不使用 CSS。一些 CSS 渲染，但它真的是命中注定。
在上面的链接中，您可以看到 Outlook 不支持 css background 属性，因此您应该使用 Outlook 支持的 background-color。
【讨论】：
正如其他答案所暗示的那样，Outlook 2007、2010 和 2013 对任何真正通用的东西的支持都非常糟糕。这个按钮的主要问题是这些版本的 Outlook 不支持 margin 属性（他们使用 MS Word 作为渲染引擎，yuk！）Litmus explains this and the solution really well。
我设法创建了一个HTML table-based button，几乎可以在所有主要的电子邮件客户端中使用。
这是供您参考的 HTML：
<table cellpadding="0" cellmargin="0" border="0" height="44" width="178" style="border-collapse: collapse; border:5px solid #c62228">
<tr>
<td bgcolor="#c62228" valign="middle" align="center" width="174">
<div style="font-size: 18px; color: #ffffff; line-height: 1; margin: 0; padding: 0; mso-table-lspace:0; mso-table-rspace:0;">
<a href="#" style="text-decoration: none; color: #ffffff; border: 0; font-family: Arial, arial, sans-serif; mso-table-lspace:0; mso-table-rspace:0;" border="0">MY BUTTON</a>
</div>
</td>
</tr>
</table>
希望这会有所帮助！
【讨论】：
解决 Outlook 中的填充问题，您可以使用与背景颜色相同的边框来为按钮创建填充。例如：
<a style="border:15px solid #FFAE00;background-color:#FFAE00;color:#FFF;font-size:14px; font-family:Arial;text-decoration:none" href="#">
Click Here
</a>
这仅适用于基本按钮样式。
【讨论】：