Iphone changes font color of phone numbers to black on my website. I want it to be white. color: #fff !important; doesn't help. How to fix this?
Asked
Active
Viewed 1,685 times
-3
-
Please provide more code / css to help you out. Please follow http://stackoverflow.com/help/how-to-ask for more details. – Stephen Reindl Feb 12 '16 at 14:26
-
@kermit put your code here. – Raju Feb 12 '16 at 14:26
-
there is no need to put code here, question is simple:) – Kermit Feb 12 '16 at 14:45
-
what website are we talking about? – Oscar Bout Feb 12 '16 at 14:50
-
possible duplicate? http://stackoverflow.com/questions/3736807/remove-styling-of-telephone-numbers – Shameen Feb 12 '16 at 15:21
1 Answers
2
iOS makes phone numbers clickable by defaults (for obvious reasons). Of course, that adds an extra tag which is overriding your styling if your phone number isn’t already a link.
To fix it, try adding this to your stylesheet:
a[href^=tel] { color: inherit; text-decoration: none; }
That should keep your phone numbers styled as you expect without adding extra markup.
Hope it helps!
m_santamaria
- 181
- 2
- 6