Question

我有一个问题，一直困扰着我好几个小时。我有以下html：

<div id='numbers'><span>+44 (0)845 519 7811<br />+44 (0)118 947 4888</span></div>

我已应用以下CSS：

#numbers span {
    color:#CCC;
}

我检查了继承，看不出任何问题。这个代码显示在我测试过的每个浏览器上，除了iPad和iPhone上的Safari之外的数据（我可以点击它们，它会问我是否要打电话），但文字是白色的！我玩过，改变了DIV Id，以确保我没有穿越样式，将范围color更改为各种类型，没有任何改变。

还有其他人有这个问题吗？

（我正在使用带有Jquery的touchstart事件，当点击<a>时显示并隐藏此DIV。我提到这个，因为它可能导致问题但我看不清楚。）

Answer 1

您可以将以下元标记添加到HTML的标题中，但您将无法点击电话号码：

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

或者尝试：

#numbers a {
    color:#CCC;
}

Answer 2

This question包含您的答案。

问题是iOS会自动将看起来像电话号码的任何内容转换为链接。您可以使用以下命令禁用该功能：

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

然后明确使用“tel”URI方案，如下所示：

<a href="tel:+44 (0)845 519 7811">+44 (0)845 519 7811</a>

Answer 3

您可以始终定位电话号码链接并强制使用所需的样式，而不是完全禁用电话数据检测。

a[href^="tel:"] { 
    color: #CCC !important; 
    etc... 
}

这将覆盖Monile Safari的默认样式，而不会向HTML添加各种额外标记。