Remove Telephone Styling in iOS

Viewing telephone numbers on iOS device can provide an unpleasant shock. They tend to render in a default blue colour making your designs look broken.

Lucky this is super easy to fix. All you need to do is add this small meta tag snippet into the head section of you site.


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

Jake Bresnehan

A Front End Developer based in Sydney and the creator of Web Design Weekly.

Web Design Weekly keeps developers at the forefront of techniques and trends whilst helping them learn and grow to produce top quality code to make the web a better place for all.

2 Comments

  1. While this is certainly usable, I am not a big fan of disabling default functionality like this, because user are used to it and expect it.

    Good to know!

    • Couldn’t agree more, but sometimes things need to adjusted to please everyone working on the project.

This post currently has 2 responses. What do you think?

You can use basic HTML when posting code, please turn all < characters into &lt; or > into &gt;
If the code is multi-line, use <pre><code></code></pre>

Leave a Reply

Your email address will not be published. Required fields are marked *

Current day month ye@r *