Tenemos un sitio web recién creado, con mucha información de contacto para los diferentes empleados. El color de los números de teléfono en el sitio web es todo 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 corregir esto? ¿Y quizás por qué ocurre esto?
Echa un vistazo a Números de teléfono que cambian a un color gris no deseado en el teléfono y el iPad puesto.
Es posible que tengas el mismo problema en el que el color del enlace es lo que determina el color de iOS y puede que necesites configurar un plugin CSS específico para el navegador según el post
Actualización: 9 de noviembre de 2014
He encontrado otro post update-banning-blue-links-on-ios-devices que efectuó un cambio para un enlace telefónico 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 ayudarte a resolver tu problema.
En el post ofrecen varias formas de lograr un cambio con diversos resultados.
Su favorita es la opción 5 .
Que es rodear el número en una clase span personalizada.
Declara tus clases 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 rodear el número en la clase elegida
contact:<span class="appleLinksRed"> 0205 992 9921</span> AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.
