html - Outlook 2007 将 HTML 电子邮件中的链接样式更改为在发送到 Hotmail、Gmail 等时带有蓝色下划线。有任何修复吗？

Question

我一直在使用从 http://www.campaignmonitor.com/templates/ 获得的 HTML 电子邮件模板在我经历过的每个例子中，当我使用 HTML 模板发送电子邮件时，所有链接都带有可怕的默认蓝色下划线。电子邮件是使用 Outlook 2007 发送的，在 Outlook 中查看时没有问题。但是，在 Hotmail 和 Gmail 中，无论文本是什么颜色，这条蓝色下划线都会一直存在。

我试过像这样对 a 标签进行内联样式设置:

<a href="./" style="color: #E3A216; text-decoration: none;">Mauris commodo hendrerit risus</a>

如果我使用完全相同的 HTML 电子邮件模板代码并将其从我的 hotmail 帐户发送到另一个 hotmail 帐户，它会完美运行。所以，对我来说这是一个 Outlook 2007 问题。

我能够剖析 outlook 发送给 hotmail 收件人的 html，发现 Outlook 在 HTML 代码之上附加了一个样式表。这是它发送的内容:

<style>
.ExternalClass .ecxshape
{;}
</style>

<style>
.ExternalClass p.ecxMsoNormal, .ExternalClass li.ecxMsoNormal, .ExternalClass div.ecxMsoNormal
{margin-bottom:.0001pt;font-size:11.0pt;font-family:'Calibri','sans-serif';}
.ExternalClass a:link, .ExternalClass span.ecxMsoHyperlink
{color:blue;text-decoration:underline;}
.ExternalClass a:visited, .ExternalClass span.ecxMsoHyperlinkFollowed
{color:purple;text-decoration:underline;}
.ExternalClass p.ecxMsoAcetate, .ExternalClass li.ecxMsoAcetate, .ExternalClass div.ecxMsoAcetate
{margin-bottom:.0001pt;font-size:8.0pt;font-family:'Tahoma','sans-serif';}
.ExternalClass span.ecxEmailStyle17
{font-family:'Calibri','sans-serif';color:windowtext;}
.ExternalClass span.ecxBalloonTextChar
{font-family:'Tahoma','sans-serif';}
.ExternalClass .ecxMsoChpDefault
{;}
@page WordSection1
{size:612.0pt 792.0pt;}
.ExternalClass div.ecxWordSection1
{page:WordSection1;}

</style>

.ExternalClass 似乎正在设置 a 标签的值，但我的内联样式似乎并没有覆盖 Outlook 添加到电子邮件中的内容。

我试过在头部甚至正文部分创建样式表，但这没有任何作用。

有人知道解决这个问题的方法吗？我要么想要去掉下划线，要么只是让下划线显示为我为链接指定的颜色。

感谢任何能提供帮助的人。

Answer 1

更新:这个答案在 2012 年撰写本文时是正确的，但似乎不再有效。

用 <span> 包裹您的文本带有 style 的标签属性。

您还应该使用 <font>要格外小心。

例如:

<a style="color:#E3A216; text-decoration:none;">
  <span style="color:#E3A216;">
    <font color="#E3A216">
      Click me
    </font>
  </span>
</a>