去除电子邮件签名中的超链接下划线

6

我正在为我的客户开发自定义电子邮件签名,现在正在测试GMail、Hotmail、Brinkster等。

我正在尝试去掉锚点显示的下划线,但是即使在锚点上设置了"text-decoration:none;",在这些客户端中都没有起作用。但是,在Outlook中渲染正常。

有人能帮忙吗?:-)

3个回答

7
我认为您的问题可能是某些客户端将锚点样式和文本移入一个span中,并将样式定义应用于该span。
<a href="/" style="color:black;">hello, world!</a>

变成

<a href="/"><span style="color:black;">hello, world!</span></a>

不确定为什么他们这样做,但这很烦人。有时更改成这样会起作用:

<a href="/" style="color:black;" href="/"><span style="color:black;">hello, world!</span></a>

但是这仍然是一个复杂的情况,而且一直在变化。不幸的是,确认事物看起来总是正确的唯一方法是使用图像。


2
您可以尝试在样式中添加!important
text-decoration: none !important;

经过更多的谷歌搜索,看起来很多人都有同样的问题。在电子邮件中进行样式设计是一件痛苦的事情。这个网站有望为电子邮件客户端带来标准(但谁知道需要多长时间!)http://www.email-standards.org/ 很抱歉我没有更多的帮助! :) - E. Barnes
哈哈,是的,在所有客户端中创建HTML签名都很麻烦,但感谢你的信息,伙计! :-) - Filth
1
我正在Mozilla Thunderbird中插入一个链接,你的解决方案正是我所需要的,谢谢! - lucaferrario

1
 <a href="example.com" style="text-decoration:none">link text</a>

除非在其他地方有更高优先级的CSS规则,否则不会有下划线。


1
我已经有这个了,但没有修复。我已经删除了默认的Microsoft签名样式,如链接等,但仍然无法正常工作。 - Filth

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接