在Gmail中删除电子邮件签名中链接的下划线

Question

在Gmail中删除电子邮件签名中链接的下划线

3

我尝试了每一种建议的方法，但始终无法去掉我的Outlook签名在Gmail桌面版中链接的蓝色下划线（在Gmail Android应用程序上没有问题）。

我尝试将text-decoration: none !important 应用于所有链接，在 <a> 标签和<span>标签上。我还尝试使用class .ii 覆盖Gmail。

我将它们分别尝试过，但是无论我做什么，我总是得到一个蓝色的下划线。

a:link {
    text-decoration: none!important;
}

.ii a[href] {
    text-decoration: none!important;
}

<a href="http://www.google.com" style="color:red; text-decoration:none">
    <span style="color:red; text-decoration:none";>text</span>
</a>

你有没有想过如何解决这个问题？

- Michael D

1

尝试了您的代码，没有发现蓝色下划线。您能展示一张截图吗？ - orabis

same as @orabis - Mhd Alaa Alhaj

5个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- AC007 · Answer 1

因此，为了在 Gmail 中选择超链接锚点的实际样式 ( )，您必须使用以下内联 CSS 设置颜色并删除下划线： style="color: #FF0000; text-decoration:none; cursor:text; pointer-events: none;"

这是完整标记的样子： <a href="http://www.google.com/" style="color: #FF0000; text-decoration:none; cursor:text; pointer-events: none;">点击此处前往 Google</a>

- orabis · Answer 2

0

您的代码可以简化如下。有很多不必要/未使用的样式。但是，即使使用您的代码，下划线也不会出现。还有一件事，请尽可能避免使用 !important，而是依赖于css specificity。

.info-link{
  text-decoration:none;
  color:red;
}

<body>
<a href="http://www.google.com" class="info-link"><span>text</span></a>
</body>

- orabis

非常感谢您的帮助。我一定做错了什么。这是我正在使用的代码：<head><style> .info-link{ text-decoration:none; color:red; }</style></head><body> <a href="http://www.google.com" class="info-link"><span>text</span></a> </body> 我仍然遇到问题。我将我的HTML文件用作Outlook上的签名，当我发送电子邮件到Gmail时，我的链接仍然以蓝色下划线显示。您有什么想法我做错了什么吗？ - Michael D

尝试了代码，没有问题。这是我所做的。我将内容保存在一个html文件中。然后，打开html文件，将其渲染的内容复制到剪贴板中。接着，我去我的gmail签名并粘贴了富链接。Gmail提示我更新链接，我点击更改，以确保URL有效地指向Google。就这样，没有发现任何下划线。 - orabis

问题可能出在我的Outlook上，因为我尝试将其作为签名添加到Outlook时出现了这个问题。它在Outlook和Gmail Android应用程序上运行得非常完美，但是使用Gmail桌面版的人会看到那些丑陋的蓝色下划线。 - Michael D

这种简化在许多电子邮件客户端中不起作用，特别是在使用Outlook发送时，CSS必须是内联的，并且text-decoration无效于<a>标签，您必须采用<span style="display: inline-block"。 - NiKiZe

- Luke · Answer 3

您可以通过使用非Chrome浏览器设置签名来在Gmail中删除电子邮件签名下划线，具体步骤如下：

在非Chrome浏览器（例如Firefox）中打开您的电子邮件签名
复制签名-全选（Ctrl/Cmd-A），复制（Ctrl/Cmd-C）
再次在非Chrome浏览器中打开Gmail（这很重要-Chrome的用户代理样式表会干扰此步骤）
选择设置（齿轮）图标>查看所有设置
将签名粘贴到电子邮件签名字段中
保存

现在，您可以在Chrome中打开Gmail并撰写新电子邮件。电子邮件签名应该没有下划线链接。如果第一次不起作用（就像我一样），请删除草稿，重新加载Gmail并再次撰写。

- Sunny · Answer 4

使用Bootstrap库：

<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

并在您的锚标签中添加class="btn"，如下所示：

<a class="btn" style="text-decoration: none;" href="http://www.google.com"><span>text</span></a>

- core114 · Answer 5

尝试这个使用 CSS text-decoration 属性

<style type="text/css">
<!--
a { text-decoration : none; color : #000; }
-->
</style>

了解更多关于 CSS 文字装饰属性