Outlook 2007更改HTML电子邮件中的链接样式,以便在发送到Hotmail,Gmail等时使用蓝色下划线.是否有任何修复？

Question

我一直在使用从http://www.campaignmonitor.com/templates/获得的HTML电子邮件模板 .在我所经历的每个示例中,当我使用HTML模板发送电子邮件时,所有链接都被赋予了可怕的默认蓝色下划线.电子邮件是使用Outlook 2007发送的,当它们在Outlook中查看时,它们就可以了.但是,在Hotmail和Gmail中,无论文本的颜色是什么,此蓝色下划线都会持续存在.

我试过像这样的标签的内联样式:

<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添加到电子邮件的内容.

我已经尝试在head部分创建样式表,甚至在body部分中创建样式表,但这没有任何作用.

有谁知道解决这个问题？我要么想要删除下划线,要么只是在我为链接指定的颜色中使用下划线显示.

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

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>

Answer 2

要在Gmail中删除蓝色,只需将颜色从#000000更改为#000001.Gmail会将所有黑色链接设为蓝色.

Answer 3

如果您的问题就像无法覆盖 Outlook 样式表一样简单，您应该尝试!important使用内联样式进行声明，例如

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