Question

我试图让以下HTML在Outlook 2010中完全呈现虚假按钮（因为outlook不会渲染许多css选择器）。：

<table style="border: solid; background-color: red;">
<tbody >
<tr>
<td><a style = "text-decoration:none"href="www.google.com"  ><span style="color: black;">here</span></a></td>
</tr>
</tbody>
</table>

一切似乎都有效，除了边框衬里根本没有渲染。根据我的理解，outlook应该呈现这个（http://www.campaignmonitor.com/css/），但不是。任何人都可以提供任何帮助将不胜感激。

Answer 1

我通常只使用简写css属性作为边框：

<table cellspacing="0" cellpadding="0"> <tr> 
<td align="center" width="300" height="40" bgcolor="#fff" style="-webkit-border-radius: 5px; -moz-border-radius: 5px;  border: solid 1px #e9e9e9; border-radius: 5px; color: #000; display: block;">
<a href="http://www.EXAMPLE.com/" style="color: #000; font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">
Awesome Email Button
</a>
</td> 
</tr> 
</table>

（奇怪）由于某种原因，在Outlook 07和2010中正确呈现了简写边框css属性

请参阅http://jsfiddle.net/E6ZYz/

参考链接：http://emailwizardry.nightjar.com.au/2012/08/30/outlook-200710-borders-pain/

如何在Outlook 2010中获取要呈现的边框元素？

1 个答案: