Question

除链接颜色外，所有内容都很好。这些是我的链接。

<a href="http://www.facebook.com.." style="color:#000000;text-decoration:none;font-weight:bold">Facebook</a>

<a href="http://www.twitter.com/..." style="color:#000000;">Twitter</a>

然而，在gmail中。这些链接将转换为此。

<a href="http://www.facebook.com.." style="text-decoration:none;font-weight:bold">Facebook</a>

<a href="http://www.twitter.com/..." style="">Twitter</a>

好的，所以也许gmail可以为所有电子邮件执行此操作？我环顾四周。很多蓝色链接。然后我打开一个youtube消息。

<a target="_blank" style="color:#e12e31;font-family:arial,verdana,sans-serif;text-transform:uppercase;text-decoration:none" href="...">Play all »</a>

好奇......非常好奇。 YouTube没有我遇到的这个问题。发送HTML电子邮件时，其他人可以修改gmail中的链接颜色吗？你是怎么做到的？

Answer 1

我在Gmail中遇到类似的链接问题，但仅限于颜色：＃000000;它将其更改为默认的蓝色。

我将颜色更改为深灰色并且有效。

Answer 2

GMail会将您的链接从黑色（＃000000）更改为默认蓝色，可能是反垃圾邮件功能。

要解决此问题，只需将字体颜色更改为（＃000001），例如

<a href="#" style="color: #000001;">Click HERE</a>

Answer 3

在这里结合答案对我来说就像一个魅力，例如：

color: #000001 !important;

我希望我们不会在这里帮助垃圾邮件发送者......

Answer 4

我为我的电子邮件签名所做的是，将电话号码设置为中间点而不是短划线，如此226·860·XXXX，没有更多的蓝色超链接！希望这有助于某人

Answer 5

我只需在电子邮件头中添加以下样式即可设置颜色链接：

<style>
      a, a:visited, .ii a[href] { color:#E5322C!important; text-decoration:none;}
      a:hover, .ii a[href]:hover{ text-decoration:underline;}
</style>

唯一需要注意的是＆＃34; a＆＃34;选择器是不够的，因为Gmail会将规则添加到.ii a [href]，但为该选择器添加规则会修复我的链接颜色问题。它甚至适用于通过Gmail转换为链接的URL，电子邮件和电话号码。没有必要添加内联样式。

Answer 6

不幸的是，这里显示的所有答案都是针对2016/2017更新之前的旧版Gmail的。在2016年之前提供的所有答案都无法使用。

在现代Gmail Web和Android版Gmail中，您需要通过设置背景颜色来欺骗Gmail，使您认为自己正在尝试对链接按钮进行样式设置

a.btn {
  color: #fff;
  background: #ffa100;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 12px 6px 12px;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0,0,0,.18);
}

出于好奇，它变成了这种样式，作为最后的样式标签插入到整个Gmail网页的顶部：

.msg-6177286137221397679 a.m_-6177286137221397679btn{
    color:#fff;
    background:#ffa100;
    text-decoration:none;
    text-transform:uppercase;
    padding:5px 12px 6px 12px;
    border-radius:5px
}

所有这些都与实际Gmail中的其余样式统一在一个最小的行上；我在这里轻轻地打印了它以作比较。您可以看到我的盒子阴影被扔掉了，但这并没有杀死整个样式规则。您还可以看到每个人都说您无法在Gmail中执行的其他几项重要操作，结果不再正确：

填充正在工作
标记级样式有效-即a.btn，而大多数Gmail建议都告诉您不要使用标记级样式，而仅应用类级样式

虽然Gmail可能希望像上面这样的链接按钮，但是您可以使用它来欺骗它，例如：

body {
    background: #ededed;
}
table.main a {
    color: #1c95cd;
    background: #ededed;
}

这就足够了，因为Gmail天真地将其视为链接按钮，因此链接颜色样式可以保留。

Answer 7

您必须确保在您想要链接的文本（显然）之前将代码插入HTML中的适当位置，并且style="color:#ffffff;"元素已正确嵌套在标记中

当然，不要忘记在文字链接的背面添加</a>标记。在Gmail中查看时，这对我来说很好。

<a target="_blank" style="color:#ffffff;"  href="http://yoursite.com">Custom Color Link in Gmail</a>

Gmail从电子邮件中剥离链接颜色？

7 个答案: