Remove blue underline of links on Gmail

2018-06-26 16:21:24

I try every suggested approach and I cannot get rid of the blue underline of the links of my Outlook signature on Gmail desktop (it's fine on Gmail Android app)

I tried to apply the text-decoration on the header to all links, on the a href style and on the span style. I also tried to overwrite Gmail .ii

I tried each of them separately but none of them work, I always get a blue underline no matter what I do.

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>

Your code can be simplified as below. There are a lot of unnecessary/unused styles. However, even with your code, the underline was not there. One more thing, try as possible to avoid !important, and instead rely on css specificity

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

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

try this use CSS text-decoration Property

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

learn more about CSS text-decoration Property

use bootstrap library:

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

and add class="btn" in your anchor tag as:

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

链接地址: http://www.djcxy.com/p/74624.html

上一篇: 使用Linkify后，我可以更改TextView链接文本吗？

下一篇: 删除Gmail上的链接的蓝色下划线