Remove Microsoft Edge's Phone Number Styling

Remove Microsoft Edge's phone number styling

You can get rid of it by adding this meta tag in the header of your pages.

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

Microsoft's documentation on this tag.

Hopefully there will be a better way to turn this off globally without bloating pages... Or better yet disable this feature by default.

IE color issue with phone number structure

Try to add this.

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

How to remove a auto hyperlinked phone number from Microsoft Edge

The solution that works for iOS devices also works for Microsoft Edge.

Adding the meta tag,

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

will prevent the DOM document from being modified when parsed by the browser.

See:
https://developer.apple.com/library/safari/featuredarticles/iPhoneURLScheme_Reference/PhoneLinks/PhoneLinks.html
and
How to remove phone number link on Iphone?

MSDN reference link:
https://msdn.microsoft.com/en-us/library/dn265018(v=vs.85).aspx

Edge style autodetected phone number links

Please have a look at the documentation:

https://msdn.microsoft.com/en-us/library/dn265018%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396

There is written, that you are able to prevent this behavior:

https://msdn.microsoft.com/en-us/library/dn337007(v=vs.85).aspx

Alternatively, you can add a link manually:

<a href="tel:XXX-XXX-XXX">XXX-XXX-XXX</a>

Now you are able to do the styling manually!

Why is Microsoft Edge underlining this span and treating it like a link?

You should be able to override this if you put the following in the head section for your page:

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

This page has more information on this.

---

Related Topics