0

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?

shaochuancs
  • 15,342
  • 3
  • 54
  • 62
Samantha
  • 101
  • 1
  • 1

2 Answers2

1

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.

Syfer
  • 4,262
  • 3
  • 20
  • 37
0

Add these styles

 color: inherit;
 text-decoration: none;

This is also very easy to Google.

BRBT
  • 1,467
  • 8
  • 28
  • 48