css - 如何确保某种颜色和跨客户端兼容的电子邮件模板中的所有链接？

Question

我正在尝试创建如下所示的电子邮件模板

我有这样的风格

<style type="text/css">
  .rich-text a{color:#ffffff !important;} .ii a[href] { color:#ffffff!important;}
  </style>

在我的模板中，如下所示

 <p class="rich-text" style="color:#ffffff !important;">
    <font color="#ffffff" style="color:#ffffff !important;">
       <xsl:value-of select="body/contents" disable-output-escaping="yes"/>
    </font>
</p>

现在的问题是它可以包含包含链接在内的文本 block 。在某些电子邮件客户端(例如 gmail)上，链接显示为蓝色。看起来 gmail 正在剥离我在顶部添加的 .rich-text 样式。如何确保它得到应用？基本上我希望模板中的所有链接都是白色的。

Answer 1

不同的电子邮件客户端应用不同的样式。最好使用内联 CSS。您可以在 this list of most common email clients 中检查是否支持某些样式.永远记住，您的客户端可能会使用一些不支持任何 CSS/HTML 并将其显示为 text/plain

的额外安全(或旧/简单)客户端