iPad Kontakt Link CSS Override

Question

Mam stronę internetową z numerem telefonu wyświetlanym w nagłówku strony. Kolor czcionki dla tej sekcji strony jest brązowy.

Gdy strona jest wyświetlana na iPadzie, iPad (prawidłowo) wykrywa tekst jako numer telefonu i automagicznie przekształca tekst numeru telefonu w "link do kontaktu"

Moim problemem jest to, że nie mogę ZMICĘ, aby kolor łącza był brązowy - niezależnie od tego, co robię w pliku CSS (w tym "! Important" po stwierdzeniu koloru), numer telefonu jest zawsze wyświetlany w jego własny, samodzielnie wyznaczony kolor!

Jakieś wskazówki, jak uzyskać deklarację CSS, aby wygrać wojnę?

Answer 1

rzucić okiem na this page (format wykrywania);)

Answer 2

Wydaje się, że iPad owija numer w < >. Właśnie dodałem dodatkową regułę dla tego:

Przed: .phone { color:red; }

Po: .phone, .phone a { color:red; }

Answer 3

spróbować tego, że pracował dla mnie (zmiana kodu kolor):

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

Answer 4

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

Działa dla mnie. Sprawdź to, aby uzyskać więcej szczegółów.

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

Answer 5

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

Mam klienta, który jest szalony człowiek. Chce mieć swój numer telefonu na całej witrynie, a tylko w jednym miejscu koliduje z parserem auto-linkowania iphone/ipad.

Tak więc dodanie znacznika i wokół myślnika dało o sobie znać, że nie jest to telefon