CODEWITHSUNDEEP
cssipad
BD Tinsley
BD Tinsley

Reputation: 177

Override for non-link phone number displaying as link on iPad?

I got a phone number for a site in tablet version that is displaying as a link only in iPad. It isn't tagged as a link, because that would be weird on a tablet, but I guess Apple defaults all phone numbers as links?

I have tried targeting this element specifically in CSS to remove the underline and change the font color, but nothing seems to work.

How can I fix this? It looks super ugly as a large blue underlined phone number on the page.

Upvotes: 1

Views: 4750

Answers (2)

BD Tinsley
BD Tinsley

Reputation: 177

Found solution - since I didn't target any links in my CSS, and Apple devices add < a > tags around phone numbers, I just added a new CSS property targeting < a > tags in the parent div so they would not show as links.

Upvotes: 0

PizzaPete
PizzaPete

Reputation: 76

To remove auto formatting of telephone numbers add the folowing tag to the HEAD of your HTML document:

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

Upvotes: 4

Related Questions