iPad Контактная ссылка CSS Override

Question

У меня есть веб-страница с номером телефона, отображаемым в заголовке страницы. Цвет шрифта для этого раздела страницы коричневый.

Когда страница просматривается на iPad, iPad (правильно) распознает текст как номер телефона и автоматически преобразует текст номера телефона в «контактную ссылку».

Моя проблема в том, что я не могу сделать цвет ссылки коричневым - независимо от того, что я делаю в файле CSS (включая «! Важно» после выражения цвета), номер телефона всегда отображается в своем самозваный цвет!

Какие-нибудь подсказки о том, как получить мою декларацию CSS, чтобы выиграть войну?

Answer 1

Кажется, что ipad оборачивает число в . Я просто добавил для этого дополнительное правило:

Перед тем: .phone { color:red; }

После того, как: .phone, .phone a { color:red; }

Answer 2

Посмотрите на эту страницу (определение формата);)

Answer 3

Попробуйте, у меня это сработало (измените цветовой код):

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

Answer 4

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

У меня работает. Проверьте это для более подробной информации.

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

Answer 5

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

У меня есть клиент, который сумасшедший.Он хочет, чтобы его телефонный номер был на всем сайте, и только в одном месте он конфликтует с парсером авто-связывания iphone / ipad.

Итак, добавив тег i вокруг одураченной iOS, вы увидите, что он нетелефон