CODEWITHSUNDEEP
htmlhtml-email
Samantha
Samantha

Reputation: 101

Remove blue hyperlink for phone number in email

Similar to this question, How do I remove the blue styling of telephone numbers on iPhone/iOS?

I tried the suggestion using following code but it does not work:

[href^="tel"]{
    color:inherit;
}

My problem is I am copying a page from my website into an email (weekly newsletter), and gmail is converting it to a blue hyperlink. Even before adding a[href^="tel"], it did not show up as blue on my website. I'm thinking there is no fix since it is happening via google?

Upvotes: 0

Views: 3618

Answers (2)

Syfer
Syfer

Reputation: 4479

if this is happening on gmail app, you can use an anchor tag and give it a color without the href

<a style="color:#000001; text-decoration:none;">iOS Fix</a>

if this is happening on the generic email clients for iOS you can use a class in the header and assign the class to the td

<style>
.appleLinkFix a{color:#000000; text-decoration:none;}
</style>

next you can add the class to the td which iOS will create the link by itself.

<td class="appleLinkFix">48 Pirrama Rd, Pyrmont NSW 2009</td>

Hope that helps answer your question.

Upvotes: 1

BRBT
BRBT

Reputation: 1487

Add these styles

 color: inherit;
 text-decoration: none;

This is also very easy to Google.

Upvotes: 0

Related Questions