iPad Contact Link CSS Override

Question

Tengo una página web con un número de teléfono que se muestra en el encabezado de la página. El color de la fuente para esa sección de la página es marrón.

Cuando la página se ve en un iPad, el iPad (correctamente) detecta el texto como un número de teléfono y automáticamente convierte el texto del número de teléfono en un "enlace de contacto".

Mi problema es que no puedo FORZAR que el color del enlace sea marrón, independientemente de lo que haga en el archivo CSS (incluido "! Important" después de la declaración de color), el número de teléfono siempre se muestra en su ¡propio color autodesignado!

¿Alguna pista sobre cómo obtener mi declaración de CSS para ganar la guerra?

Answer 1

echar un vistazo a this page (formato de detección);)

Answer 2

Parece ipad envuelve el número en un <un>. Acabo de añadir una regla adicional para esto:

Antes: .phone { color:red; }

Después: .phone, .phone a { color:red; }

Answer 3

probar esto, que trabajó para mí (cambiar el código de color):

a.phone[href^=tel]:link { color:#9F6; } 

Answer 4

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

Funciona para mí. Mira esto para más detalles.

http://developer.apple.com/library/safari/#featuredarticles/iPhoneURLScheme_Reference/Articles/PhoneLinks.html

Answer 5

(360) 687<i>-</i>8936 

Tengo un cliente que es un loco. Él quiere su número de teléfono en todo el sitio web, y en un solo lugar choca con el analizador de enlaces automáticos iphone/ipad.

Por lo tanto, agregar la etiqueta i alrededor del tablero engañó a iOS para que no lo vea como un teléfono