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;
}
