4

我以前创建过 HTML 邮件程序,但我无法弄清楚如何使用 Gmail/Yahoo 客户端的内联样式从链接中删除文本装饰。我正在按照我想要的方式获取链接颜色,但是 gmail 在每个链接下都插入了那条难看的蓝线。我努力了

<a href="link" target="_blank" style="color:red;text-decoration:none">link</a>

<a href="link" target="_blank" style="color:red;text-decoration:none"><span style="text-decoration:none">link</span></a>

我正在使用 F12 工具检查电子邮件,并且内联样式被电子邮件客户端完全吹走并且不出现。我有一个非常基本的模板,没有覆盖属性 - 我是否遗漏了 Gmail 所需的内容?

4

3 回答 3

3

您的代码似乎是正确的,我怀疑实际上是您发送电子邮件的客户端正在剥离代码。

例如,Outlook 2013 将text-decoration:none在发送 HTML 电子邮件时去除锚标记。尝试从其他客户发送电子邮件,看看是否仍然存在标签被剥离的问题。

于 2013-06-11T06:23:31.443 回答
2

尝试使用真实的颜色代码。不确定结束分号是否也有影响......这对我总是有效(至少在Gmail中)

<a href="" style="color: #770000; text-decoration: none;">click here</a>

附带说明一下,众所周知,Gmail 会破坏 #FFFFFF 和 #000000(纯黑色或白色)。在这种情况下,我使用 #FFFFF9 和 #000001 代替。

于 2012-11-29T15:42:26.293 回答
0

尝试这个:

<a href="link" target="_blank" style="text-decoration:none;">
    <span style="color:red;">link</span>
</a>
于 2013-10-17T22:54:38.417 回答