Remove underline from Gmail signature links

Andrea Olivato
2 min readJan 10, 2019

--

Gmail

When saving your HTML signature in Gmail, links are automatically added to most common elements, like phone numbers, email address and even addresses sometimes.

You can easily get rid of the default blue colour by styling the <a> tag with the colour property, like this

<a href="https://www.popularchips.com" style="color:#ccc">popularchips.com</a>

But underline is tougher. Even adding text-decoration:none !important doesn’t change the effect, as you can see from the example below.

Underlines still showing with text-decoration:none !important

The only good workaround I found, is to add your own <a> tag, keeping the href attribute empty, for example

<a href="" style="color:#ccc;text-decoration:none !important">popularchips.com</a>

Below is the final result as seen from the recipient.

Final result

You can further improve the overall effect by imposing a cursor:default !important as shown below so that even hovering with the mouse will not suggest a possible interaction with your signature.

<a href="" style="color:#ccc;text-decoration:none !important;cursor:default !important">popularchips.com</a>

There might be clients or providers that change the signature on the receiving end, currently, I’ve tested this method with other Gmail recipients, Outlook (web & desktop) and Apple Mail and everything seems to be working as expected.

--

--

Andrea Olivato
Andrea Olivato

Written by Andrea Olivato

Co-founder @Lnk.Bio — Developing stuff on the Web since 2003

Responses (4)