How do I remove link underlining in my HTML email?

html css html-email newsletter email-client
pubudumj picture pubudumj · Jan 25, 2012 · Viewed 103.9k times · Source 
<td width="110" align="center" valign="top" style="color:#000000;">
    <a href="https://example.com" target="_blank"
       style="color:#000000; text-decoration:none;">BOOK NOW
    </a>
</td>

I used this code to make a link in my HTML email. In browsers and Outlook it's working nicely, but in GMail, Hotmail, and ymail it shows links underlined.

Can anyone help me to get rid of this?

Answer

Nathaniel Hoyt picture Nathaniel Hoyt · Jan 16, 2014 
<a href="#" style="text-decoration:none !important; text-decoration:none;">BOOK NOW</a>

Outlook will strip out the style with !important tag leaving the regular style, thus no underline. The !important tag will over rule the web based email clients' default style, thus leaving no underline.

Related questions

Background image in Html Table for Email Template

i am using background image in html email template, problem is this <table style="background:url('http://i1298.photobucket.com/albums/ag41/Sikander_Nawaz/images_zpsa0d64d23.jpg') repeat; background-size: 100%; but that goes as repeat background , instead of …

Read More
text-decoration:none; being ignored in Outlook 2007

Is there a way to make text-decoration:none; work for links in a newsletter when viewed in Outlook 2007? I've tried inline styles in the head and body, applied directly to the anchor tags and a combination of all three. Outlook 2007 …

Read More
Email Background Color issue

I'm creating a newsletter and set the background-color using a hexcode #25292C; When I send the newsletter out the message appears fine. When I forward the newsletter to someone else the newsletter background overlays the entire email. I want to …

Read More