这个x-ms-format-detection="none"属性处理格式化电话。

https://msdn.microsoft.com/en-us/library/dn337007 (v = vs.85) . aspx

<p id="phone-text" x-ms-format-detection="none"  >Call us on <strong>+44 (0)20 7194 8000</strong></p>

如果你只是想避免电话号码作为链接，可以使用字体标签:

<p>800<font>-</font>555<font>-<font>1212</p>

两个选项…

1. 设置格式检测元标记。

要删除所有电话号码的自动格式化，请将以下内容添加到html文档的头部:

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

查看更多苹果特定的元标签键。

注意:如果你在页面上有电话号码，你应该手动将它们格式化为链接: < a href = "电话:+ 1-555-555-5555 " > 1-555-555-5555 < / >

2. 不能设置元标签?想要使用css?

两个css选项:

选项1(更适合网页)

使用css属性选择器来目标href值以tel开头的链接:

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

选项2(更适合html电子邮件模板)

或者，当你不能设置元标签时，比如在html电子邮件中，在链接/锚标签中包装电话号码(<a href=""></a>)，然后使用类似于下面的css来定位它们的样式，并调整你需要重置的特定属性:

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

如果你想要针对特定的链接，在你的链接上使用类，然后更新上面的css选择器为[x-apple-data-detectors].class-name。

我一直在

1.

    <a href="tel:5551231234">

2.

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

试着让同样的代码适用于台式机和iPhone。问题在于，如果你使用了第一个选项，并从桌面浏览器中点击它，它会给出一个错误消息，如果使用了第二个选项，它会禁用iPhone iOS5上的标签呼叫功能。

所以我试了又试，结果iPhone把电话号码当作一种特殊类型的链接，可以用CSS格式化。我把数字包装在一个地址标签(它将与任何其他HTML标签，只是尽量避免< >标签)，并在CSS样式为

.myDiv address a {color:#FFF; font-style: normal; text-decoration:none;}

在桌面浏览器中显示一个纯文本，在Safari移动浏览器中显示一个链接，并在选项卡上弹出Call/Cancel窗口，没有默认的蓝色和下划线。

只是要注意应用于数字的css规则，特别是在使用填充/边距时。

由于我们在一个网站上使用tel:链接，在大多数解决方案之前，这里发布了另一个问题。

我使用元标签:

<元名称=“格式检测” 内容=“电话=否”>

这与指定tel: links站点范围内它应该链接!

使用css真的不是一个选择，因为它隐藏了相关的电话链接。

<meta name="format-detection" content="telephone=no">。这个metatag可以在iOS设备上的默认Safari浏览器中工作，并且只适用于没有被包裹在电话链接中的电话号码

1-800-123-4567
<a href="tel:18001234567">1-800-123-4567</a>

如果指定了元标签，第一行将不会被格式化为链接，但第二行会，因为它被包装在电话锚中。

您可以完全放弃元标记，而使用mixin，例如

a[href^=tel]{
    color:inherit;
    text-decoration:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}

为了保持您的电话号码的预期样式，但您必须确保将它们包装在电话锚中。

如果您希望格外谨慎，防止出现没有使用包装锚标记正确格式化的电话号码，则可以钻取DOM并使用此脚本进行调整。根据需要调整替换模式。

$('body').html($('body').html().replace(/^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})/g, '<a href="tel:+1$1$2$3">($1) $2-$3</a>'));

或者没有jQuery更好

document.body.innerHTML = document.body.innerHTML.replace(/^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})/g,'<a href="tel:+1$1$2$3">($1) $2-$3</a>');