电子邮件签名按钮一旦置于Outlook中就无法样式化？

Question

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

它应该是这样的：

将其复制到Outlook后的外观如下：

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

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

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

Answer 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]-->