Why should you fix this blue link in an email?

Default, Safari on iOS is auto-formatting a phone number to convert into a link because a user can simply tap on the link and call the number.Your email represents your brand, and simply you should take care of your email design is looking perfect in all devices. As per emailclientmarketshare.com, Popular email opens is Apple iPhone with a 35% market share growing with +2%.

1Use a format-detection meta tag.

Remove all auto-formatting for telephone numbers, add this to the head of your HTML document. Read more Apple-specific Meta Tag.

<meta name=”format-detection” content=”telephone=no">

2Using CSS to change blue links.

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

3Using href selector change blue links.

a[href^=tel]{ color:#F00; text-decoration:none;}

or

a[href^=”tel”]{
 color:inherit;
 text-decoration:none;
}

4Using an Inline data detector selector.

<a href=”#” x-apple-data-detectors=”true”>