Aentos Blog

Prevent iOS (Iphone/Ipad) from styling your telephone numbers

If you have a number in your web site that looks like a telephone number, iOS will style this element differently. This could break your design. If you want to disable this, just put the following line on your html header:

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

The bad thing about disabling this, is that you lose the iOS feature of calling directly this number by clicking on it. 

The way to go if you want the functionality is to add extra stylesheets for iphone/ipad and style the element separately so that it fits your design.