我已经尝试了每一个建议的方法,我不能摆脱我的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>
你知道怎么解决吗?
5条答案
按热度按时间bfhwhh0e1#
您的代码可以简化如下。有很多不必要/未使用的样式。然而,即使在您的代码中,下划线也不存在。还有一件事,请尽可能避免! important,而应依赖css specificity
taor4pac2#
尝试使用CSS文本修饰属性
了解有关CSS text-decoration Property详细信息
qvtsj1bj3#
使用 Bootstrap 库:
并在锚标记中添加class=“btn”,如下所示:
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>
wn9m85ua5#
您可以在Gmail中删除电子邮件签名中的链接下划线,方法是使用非Chrome浏览器设置签名,如下所示:
1.在非Chrome浏览器**(例如Firefox)中打开您的电子邮件签名**
1.复制签名-全选(Ctrl/Cmd-A),复制(Ctrl/Cmd-C)
1.打开Gmail -再次在非Chrome浏览器中打开(这一点很重要-如果您使用Chrome执行此步骤,Chrome的用户代理样式表会干扰您)
1.选择设置(齿轮)图标〉查看所有设置
1.将签名粘贴到电子邮件签名字段中
1.保存
你现在可以在Chrome浏览器中打开Gmail,然后撰写一封新邮件。邮件签名应该没有带下划线的链接。如果第一次不起作用(对我来说就是这样),请删除草稿,重新加载Gmail,然后重新撰写。