2

我有一个问题一直困扰着我好几个小时。我有以下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>单击 an 时显示和隐藏此 DIV。我提到这一点是因为它可能会导致问题，尽管我看不出如何。）

4

3 回答 3

5

您可以将以下元标记添加到 HTML 的头部，但您将无法单击电话号码：

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

或者尝试：

#numbers a {
    color:#CCC;
}
于 2012-02-14T12:55:35.663 回答
4

这个问题包含你的答案。

问题是 iOS 会自动将任何看起来像电话号码的东西变成链接。您可以使用以下方法禁用该功能：

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

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

<a href="tel:+44 (0)845 519 7811">+44 (0)845 519 7811</a>
于 2012-02-14T12:56:14.577 回答
4

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

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

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

于 2014-05-07T16:25:01.867 回答