电子邮件签名按钮在放入 Outlook 后没有样式？答案

【问题标题】：Email signature button not styling once put into Outlook?电子邮件签名按钮在放入 Outlook 后没有样式？
【发布时间】：2018-10-02 14:16:30
【问题描述】：

我正在尝试使用内联 CSS 制作一个简单的按钮，该按钮将显示在电子邮件签名中。在浏览器中打开时它工作正常，但是当放入 Outlook 时，它的样式不正确。

它应该是这样的：

复制到 Outlook 后的外观如下：

我猜是因为我必须将签名从 Web 浏览器（打开 html 文件后）逐字复制/粘贴到 Outlook 中的签名框中，因此内联 CSS 与 Outlook 的文本编辑器不兼容。

这是我正在使用的内联 CSS，有更好的方法吗？签名模板正在使用表格。

<style="color:#fff; text-decoration: none; background: #1a8fce; 
padding: 10px; border-radius: 5px;">

【问题讨论】：

标签： html css email outlook signature

【解决方案1】：

这里有一个针对此问题的有用链接。 Outlook 对您的样式非常挑剔。 https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design

这是一个如何修复它的代码示例。你可能需要稍微调整一下：

<!--[if mso]>
   <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://litmus.com" style="height:36px;v-text-anchor:middle;width:150px;" arcsize="5%" strokecolor="#EB7035" fillcolor="#EB7035">
      <w:anchorlock/>
      <center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:16px;">I am a button &rarr;</center>
    </v:roundrect>
 <![endif]-->

【讨论】：