【问题标题】:How can i get a border element to render in Outlook 2010?如何获取要在 Outlook 2010 中呈现的边框元素?
【发布时间】:2014-02-04 07:17:45
【问题描述】:

我正在尝试让以下 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/),但没有。任何人都可以提供任何帮助将不胜感激。

【问题讨论】:

    标签: html css outlook


    【解决方案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> 
    

    (奇怪)由于某种原因,速记边框 css 属性在 Outlook 07 和 2010 中正确呈现

    http://jsfiddle.net/E6ZYz/

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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-09-17
    • 2012-11-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多