首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Outlook 2007更改了HTML电子邮件中的链接样式,使其在发送到Hotmail、Gmail等时具有蓝色下划线。有什么修复方法吗?

Outlook 2007更改了HTML电子邮件中的链接样式,使其在发送到Hotmail、Gmail等时具有蓝色下划线。有什么修复方法吗?
EN

Stack Overflow用户
提问于 2010-11-11 00:09:01
回答 6查看 37.8K关注 0票数 16

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

我尝试了a标签的内联样式,如下所示:

代码语言:javascript
复制
<a href="./" style="color: #E3A216; text-decoration: none;">Mauris commodo hendrerit risus</a>

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

我仔细分析了outlook发送给hotmail收件人的html,发现Outlook在HTML代码上附加了一个样式表。下面是它发送的内容:

代码语言:javascript
复制
<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部分也是如此,但这没有任何作用。

有谁知道解决这个问题的方法吗?我要么想去掉下划线,要么只想用我为链接指定的颜色显示下划线。

感谢任何能帮上忙的人。

EN

回答 6

Stack Overflow用户

发布于 2012-04-02 11:20:19

要去除Gmail中的蓝色,只需将颜色从#000000改为#000001即可。Gmail使所有的黑色链接都是蓝色的。

票数 4
EN

Stack Overflow用户

发布于 2012-08-01 18:12:06

您不应在电子邮件模板中使用内联或其他样式。不推荐使用的代码是当天的顺序,通过在链接本身周围正确地应用font-colour声明来避免字体上的下划线,即使它已经在周围文本的字体声明中。示例:

代码语言:javascript
复制
<font face="Arial, Helvetica, sans-serif" color="#ffffff" size="2">Some non link text here followed by <a href="http://www.yourlink.com" target="_blank"><font color="#ffffff"><u><em>the text for the link here surrounded by the font style specifically for the link</em></u></font></a> irrespective of the text that surrounds it</font>

好好享受吧。HTML电子邮件非常落后,因为它们必须构造才能满足所有电子邮件客户端的要求。

票数 2
EN

Stack Overflow用户

发布于 2010-11-11 01:18:33

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

代码语言:javascript
复制
<a href="./" style="color: #E3A216 !important; text-decoration: none !important;">Mauris commodo hendrerit risus</a>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4146451

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档