Question

我尝试了所有建议的方法，我无法摆脱Gmail桌面上我的Outlook签名链接的蓝色下划线（在Gmail Android应用上很好）

我尝试将标题上的文本修饰应用于所有链接，href样式和span样式。我还试图覆盖Gmail .ii

我分别尝试了它们，但没有一个能够工作，无论我做什么，我总是得到一个蓝色的下划线。

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>

你知道如何解决这个问题吗？

Answer 1

您的代码可以简化如下。有很多不必要/未使用的样式。但是，即使使用您的代码，下划线也不存在。还有一件事，尽量避免使用！important，而是依赖css specificity

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

使用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>

Answer 3

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

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

详细了解CSS text-decoration Property

Answer 4

因此，对于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;">Click here to go to Google</a>

删除Gmail

4 个答案: