删除 Gmail 和 Yahoo 的 HTML 邮件中的文本装饰答案

【问题标题】：Removing the text-decoration in an HTML mailer for Gmail and Yahoo删除 Gmail 和 Yahoo 的 HTML 邮件中的文本装饰
【发布时间】：2012-11-17 02:18:47
【问题描述】：

我以前创建过 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 所需的内容？

【问题讨论】：

这可能对你有帮助stackoverflow.com/questions/8998378/…
我看过 Stack 上关于这个问题的所有帖子。我的 CSS 是正确的。我试图弄清楚为什么 gmail 会吹走我的内联样式，以及我如何可能用我自己的覆盖 gmail 的 css。我尝试了不同的文档类型，从标题中删除了所有内容，但没有任何效果。

标签： html css email html-email email-client

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

另外，众所周知，Gmail 会破坏 #FFFFFF 和 #000000（纯黑色或白色）。在这种情况下，我使用 #FFFFF9 和 #000001 代替。

【讨论】：

【解决方案3】：

试试这个：

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

【讨论】：