IE color issue with phone number structure

Question

I am facing an issue, might seems stupid

Here is link

 <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p style="color:#fff">P: 888/987-1144</p>

</body>
</html>

So in IE 11 the color of number is blue. I want to change it , when tried with inline css. It does not affect.

Any Help?

score 2 · Accepted Answer · answered Dec 05 '19 at 04:08

2

Try to add this.

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

answered Dec 05 '19 at 04:08

Allisona

119
3

score 1 · Answer 2 · answered Dec 05 '19 at 04:04

1

I believe the browser is applying its own styling as it matches the pattern of a phone number making it clickable for phones.

This post covers it: Remove Microsoft Edge's phone number styling

answered Dec 05 '19 at 04:04

Brent Stees

342
1
5

score 1 · Answer 3 · answered Dec 05 '19 at 08:10

User could use the following methods to disable phone number detection in Microsoft Edge browser:

• Disable phone number detection for an entire document. Add:

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

• Disable phone number detection on the specific problematic content:

<p x-ms-format-detection="none" style="color:#fff">P: 888/987-1144</p>

More detail information, please check Phone number format recognition

IE color issue with phone number structure

3 Answers3