Tenemos un sitio web creado recientemente, con mucha información de contacto para diferentes empleados. El color de los números de teléfono en el sitio web está en negro, excepto cuando se ve en un dispositivo iOS,
Cuando se ve en un dispositivo iOS, el color de cada número de contacto es gris, ¿alguien sabe cómo corregirlo? ¿Y quizás por qué ocurre esto?
Eche un vistazo a Números de teléfono que cambian a no deseado color gris en el iPhone y el iPad
Es posible que tenga el mismo problema donde el color de la conexión es lo que determina el color de iOS y es posible que necesite configurar un complemento de CSS específico para el navegador de acuerdo con la publicación
Actualización: 9 de noviembre de 2014
Encontré otra publicación update-banning-blue-links-on-ios-devices que efectuó un cambio para un enlace de teléfono de prueba en mi sitio de wordpress.
Aunque los números son de color azul claro porque se están detectando datos.
Esta solución puede o no ayudarle a resolver su problema.
En la publicación ofrecen varias formas de lograr un cambio con varios resultados.
Su favorito es la opción 5 .
Que rodea al número en una clase de intervalo personalizada.
Declara tus clases de css como normales en tu cabeza:
.appleLinksWhite a {color: #ffffff !important; text-decoration: underline;}
.appleLinksBlack a {color: #000000 !important; text-decoration: none;}
.appleLinksRed a {color: #FF0000 !important; text-decoration: none;}
y el número alrededor de la clase elegida
contact:<span class="appleLinksRed"> 0205 992 9921</span>