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 the below steps to fix 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 the 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 kind of Responsive HTML Email Coding.
You can message me anytime. Click here to send a message.