Font color is not changing on Iphone for Numbers

This happens as IOS detects Phone Numbers and change to links that people can click to call them.

To overcome this issue, we can follow two approaches such as CSS fix and adding meta data fix.

Sample HTML


<div class="number">01202-529-414</div>

1) CSS based Fix


.number a,
.number a[href^=tel]{
   color: inherit; //or color code
   text-decoration: none;
}

2) Meta data based Fix

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

You may also like

Leave a Reply

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