iPad联系链接CSS覆盖

我有一个网页，页面标题中显示的电话号码。该部分页面的字体颜色为棕色。iPad联系链接CSS覆盖

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

我的问题是，我无法强制链接颜色为棕色 - 不管我在CSS文件中做什么（包括颜色声明后的“！important”），电话号码始终显示在其中拥有自己的颜色！

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

2011-07-07 Steve

对this page看看（格式检测）;）

2011-07-07 22:50:16 MatTheCat

谢谢。我在之前发现并解释了如何禁用它，但不知道如何覆盖样式。 – Steve

即使content =“telephone = no”，你的CSS规则是否适用？ – MatTheCat

好像iPad的包装在一个<一个>数量。我只是说这个额外的规则：

前： .phone { color:red; }

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

2011-09-15 15:03:56

试试这个，它为我工作（改变颜色代码）：

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

2012-01-26 14:57:05

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

2013-07-15 10:30:36

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

我有一位客户，谁是一个疯狂的人。他希望他的电话号码遍布整个网站，并且只有一处与iphone/ipad自动链接解析器冲突。

因此，在短划线周围添加i标签会使iOS看起来不像电话

2014-05-15 00:39:41 Drew

回答