How to Remove Blue Links in HTML Emails??

 The key to understanding blue links is identifying which text is most likely to be auto-linked and styled. In our testing, these things are prime candidates for becoming blue links:

Addresses, Dates, Email addresses, Website names, Times and Phone numbers etc.


We can follow below steps to fixed this problem:

1. Overriding Blue Links in Apple Mail:
<a href="#" x-apple-data-detectors="true">

a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

2. Overriding Blue Links in Gmail:
 <body id=”body”></body>

u + #body a {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

3.  Overriding Blue Links in Samsung Mail:
Just like with Gmail, we can target that ID and any links contained within.

#MessageViewBody a {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

4. We can also add a specific class to remove blue link:
<p class="noLinks">+1 (800) 123-4567</p>
Or, <span class="noLinks">+1 (800) 123-4567</span>
.noLinks a {
color:inherit !important;
text-decoration: none !important;
}


If you are looking for this kinds of Responsive HTML Email Coding??

You can message me any time, Click here.
Tags: