Display phone number in black color in ios devices

I have a site with contact details as follows

<div class="contact">Executive:<br>+1 111 111 1111<br>
Sales Phone:<br>+1 111 111 1111</div>

When I view the site in iphone or ipad i see the phone numbers in red color. But I want to make it black. I tried .contact { color:black } but of no use. Any suggestion or help is appreciated.

Answers


Try using !important

.contact { color:black !important }

Wrap the text in an anchor tax with inline styling on the tag

<a href="tel:+018009991234" style="color:#000000;">1-800-999-1234</a>

Use !important , it will override any existing style property

.contact { color:black !important; }

or wrap the phone number with span tag and apply inline style

<div class="contact">Executive:<br><span style="color:black">+1 111 111 1111</span><br>
Sales Phone:<br><span style="color:black">+1 111 111 1111</span></div>

inline style having higher priority


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


Need Your Help

Generation of an array of Random numbers with defined Min, Max, Mean and Stdev with given number of elements and error level

c++ python statistics generator

I'd like to generate an array of Random numbers with defined Min, Max, Mean and Stdev with given number of elements and error level. Is there such a library in C, C++, PHP or Python to do so? Please

Merge values of objects with ImmutableJS

immutability immutable.js

I have a List of several objects. All with the same keys. I'm trying to find an efficient way to reduce the values into a single object.