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

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

我有像

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

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

最佳答案

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