How do I remove link underlining in my HTML email?

Question

<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 1

You can do "redundant styling" and that should fix the issue. You use the same styling you have on the but add it to a that is within the .

Example:

<td width="110" align="center" valign="top" style="color:#000000;">
    <a href="https://example.com" target="_blank"
       style="color:#000000; text-decoration:none;"><span style="color:#000000; text-decoration:none;">BOOK NOW</span></a>
</td>

Answer 2

I copied my html page and pasted to word. Edited the signature in word deleting the spaces where the underline is placed and make my own "padding" presssing space bar. Copied again and pasted to Outlook 2013. Worked fine for me.

Answer 3

I see this has been answered; however, I feel this link provides appropriate information for what formatting is supported in various email clients.

http://www.campaignmonitor.com/css/

It's worth noting that GMail and Outlook are two of the pickiest to format HTML email for.

Answer 4

Here in http://www.campaignmonitor.com/css/, a nice explanation to say this is restricted! And a pretty nice guide to know all limitations of CSS in email clients.

Answer 5

--INFORMATION FROM FAR AWAY--

all you have to do;

<a href="" style="text-decoration:#none; letter-spacing: -999px;">

Answer 6

It wholly depends on the email client whether it wants to display the underline under the link or not. As of now, the styles in the body are only supported by:

• Outlook 2007/10/13 +
• Outlook 2000/03
• Apple iPhone/iPad
• Outlook.com
• Apple Mail 4
• Yahoo! Mail Beta

http://www.campaignmonitor.com/css/