iPad联系人链接CSS覆盖

时间:2011-07-07 19:13:49

标签: css ipad

我有一个网页,页面标题中显示了一个电话号码。该部分页面的字体颜色为棕色。

在iPad上查看页面时,iPad(正确)将文本检测为电话号码,并自动将电话号码文本转换为“联系人链接”。

我的问题是我无法将链接颜色强制为棕色 - 无论我在CSS文件中做什么(包括颜色声明后面的“!important”),电话号码总是显示在它自己的自封的颜色!

关于如何让我的CSS声明赢得战争的任何线索?

5 个答案:

答案 0 :(得分:7)

似乎ipad将数字包裹在< a>中。我刚为此添加了一条额外的规则:

在: .phone { color:red; }

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

答案 1 :(得分:6)

查看this page(格式检测);)

答案 2 :(得分:5)

试试这个,它对我有用(改变颜色代码):

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

答案 3 :(得分:2)

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

适合我。请查看此内容以获取更多详细信息。

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

答案 4 :(得分:1)

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

我有一个疯狂的客户。他希望他的电话号码遍布整个网站,并且只在一个地方与iphone / ipad自动链接解析器冲突。

所以,在破折号周围添加i标签会让iOS变成手机