我有一个网页,页面标题中显示了一个电话号码。该部分页面的字体颜色为棕色。
在iPad上查看页面时,iPad(正确)将文本检测为电话号码,并自动将电话号码文本转换为“联系人链接”。
我的问题是我无法将链接颜色强制为棕色 - 无论我在CSS文件中做什么(包括颜色声明后面的“!important”),电话号码总是显示在它自己的自封的颜色!
关于如何让我的CSS声明赢得战争的任何线索?
答案 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">
适合我。请查看此内容以获取更多详细信息。
答案 4 :(得分:1)
(360) 687<i>-</i>8936
我有一个疯狂的客户。他希望他的电话号码遍布整个网站,并且只在一个地方与iphone / ipad自动链接解析器冲突。
所以,在破折号周围添加i标签会让iOS变成手机