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

wmvff8tz  于 2023-02-01  发布在  其他
关注(0)|答案(5)|浏览(203)

我已经尝试了每一个建议的方法,我不能摆脱我的Outlook签名在Gmail桌面上的链接的蓝色下划线(它的Gmail Android应用程序罚款).
我尝试将text-decoration: none !important应用于所有链接,包括<a>标签和<span>标签,还尝试覆盖Gmail(使用class.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>

你知道怎么解决吗?

bfhwhh0e

bfhwhh0e1#

您的代码可以简化如下。有很多不必要/未使用的样式。然而,即使在您的代码中,下划线也不存在。还有一件事,请尽可能避免! 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>
taor4pac

taor4pac2#

尝试使用CSS文本修饰属性

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

了解有关CSS text-decoration Property详细信息

qvtsj1bj

qvtsj1bj3#

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

doinxwow4#

所以对于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>

wn9m85ua

wn9m85ua5#

您可以在Gmail中删除电子邮件签名中的链接下划线,方法是使用非Chrome浏览器设置签名,如下所示:
1.在非Chrome浏览器**(例如Firefox)中打开您的电子邮件签名**
1.复制签名-全选(Ctrl/Cmd-A),复制(Ctrl/Cmd-C)
1.打开Gmail -再次在非Chrome浏览器中打开(这一点很重要-如果您使用Chrome执行此步骤,Chrome的用户代理样式表会干扰您)
1.选择设置(齿轮)图标〉查看所有设置
1.将签名粘贴到电子邮件签名字段中
1.保存
你现在可以在Chrome浏览器中打开Gmail,然后撰写一封新邮件。邮件签名应该没有带下划线的链接。如果第一次不起作用(对我来说就是这样),请删除草稿,重新加载Gmail,然后重新撰写。

相关问题