两个选项…

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。

将数字放在<fieldset>中将阻止iOS出于某些原因将数字转换为链接。在某些情况下，这可能是正确的解决方案。我并不提倡完全禁用链接转换。

如果人们在谷歌上发现这个问题，你所需要做的就是把电话号码作为一个链接，因为苹果会自动把它设置为一个链接。

HTML

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

你的css

#phone-text a{color:#fff; text-decoration:none;}

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

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

尝试将ASCII字符的破折号放在数字分隔之间。

从这里:-

到此:&ndash;

例如:change 555-555-5555 => 555&ndash;555&ndash;5555

如果您不打算在您的页面上有任何电话号码，那么 <meta name="format-detection" content="telephone=no"> 会工作得很好。但从修辞上讲，如果你打算混合使用电话号码和非电话号码呢?

假设您只是将数字硬编码到HTML中，那么“在数字中间插入一些东西”的技巧将会起作用。但是对于动态页面，例如使用PHP从查询中输出数值数据，它们几乎没有用处。

例如，我正在生成一个城市人口列表。有些用户数量大到足以让Mobile Safari把它们转换成电话号码链接。幸运的是，我所要做的就是使用PHP number_format()在数组输出周围插入“thousand”逗号:

<？PHP echo number_format($row["population"])

这种格式足以让Mobile Safari相信这个号码有更具体的用途，所以它不再把我的大号码默认为电话链接。@davidcondrey建议使用<a href="tel:18001234567">1-800-123-4567</a>来指定数字的用途，也是如此。

总之，Safari Mobile显然很注意语义。考虑到HTML5是围绕语义标记构建的，而搜索引擎也依赖于语义标记，我打算尽可能多地使用它。