iPad联系人链接CSS覆盖

Question

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

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

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

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

Answer 1

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

之前: .phone { color:red; }

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

Answer 2

看看这个页面(格式检测);)

Answer 3

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

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