Outlook 2010,使用<a>标签作为按钮css

Question

我使用的链接标记在我的电子邮件中看起来像一个按钮.标签的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之外,链接样式无处不在.只有文本获得背景颜色

我在谷歌+电子邮件中也发现了同样的问题.它们的按钮在outlook中显示相同的css样式问题

Answer 1

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

这仅适用于基本按钮样式.

http://jsbin.com/pohidedayo/edit?html,output

Answer 2

编辑：

不幸的是，Outlook 支持与 IE5 兼容的 HTML 大致相同的内容。实在是太可怕了。这是一篇关于Outlook 2007 中的 Word 2007 HTML 和 CSS 渲染功能的详细 MSDN 文章，我认为该文章对 Outlook 2010 没有太大改变。

老实说，我能够让 Outlook HTML 以我想要的方式显示的唯一方法是使用大致 HTML2 标准标记和属性手动生成 HTML，而不是根本不使用 CSS。有些 CSS 会渲染，但它确实是时好时坏。

查看邮件客户端中的 CSS 支持 - 终极指南

在上面的链接中，您可以看到backgroundOutlook 不支持 css 属性，因此您应该使用background-colorOutlook 中支持的 CSS 属性。