阻止iPhone将手机号码变为灰色

Question

正如标题所述，由于某种原因，iPhone不断将我网站的电话号码变为灰色。我正在使用 Drupal 7 。我已经读到iPhone试图使这个数字脱颖而出，所以读者知道他们可以与他们互动。现在，我已将以下内容添加到文档的head部分，以防止这种情况发生：

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

但它不起作用。我确保CSS强制使用白色，但没有。

如何阻止iPhone执行此操作？

Answer 1

除了您已经使用的元标记，对于iOS设备，您应该在锚标记中包装电话号码，地址和日期，并且应该对这些锚标记执行您要应用的任何样式。如果您在网站上工作，可以在样式表中设置样式。如果您对电子邮件进行编码，则样式需要内嵌在锚标记上，如下所示..

<a href="tel:+18005552368" style="color:#333333;text-decoration:none;outline:none;">1-800-555-2368</a>

或

a[href^=tel]{
    color:#333333; // or whatever color you want
    text-decoration:none;
    outline:none;
}

如果您不希望这些可点击，请添加指针事件：无;和游标：默认;如果您不希望鼠标指针表现得像可点击一样。