18Apr

Remove blue styling on iOS devices

Here is the problem: You create your web project (website or other), think it looks all good and once you see it on iOS mobile device you find ugly blue links for phone numbers.

How to remove iOS blue automatic style?

Remove the automatic links with a meta

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

More information about iOS meta on developer.apple.com

Style the automatic links

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

Done!

Hope that will help someone!

Subscribe
Notify of

1 Comment
Oldest
Newest
Inline Feedbacks
View all comments
rvelthuis
5 years ago

That helped a lot, thanks!