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

Question

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

它应该是这样的：

复制到 Outlook 后的样子：

我猜是因为我必须从字面上 copy/paste 来自 Web 浏览器的签名（一旦打开 html 文件）到 Outlook 中的签名框，内联 CSS 与 Outlook 的文本编辑器不兼容。

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

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

Answer 1

这里有一个 link 对这个问题很有帮助。 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]-->

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

Email signature button not styling once put into Outlook?

html

css

email

outlook

signature