字段转换为 iPad 和 iPhone 上的电话号码链接

Posted 2023-03-12

【中文标题】字段转换为 iPad 和 iPhone 上的电话号码链接

【英文标题】：Field converted to phone number link on iPad and iPhone

【发布时间】：2015-05-22 15:36:09

【问题描述】：

我正在开发一个生成一些 html 来为我们的客户制作 UI 的软件。由于我们正在制作我们软件的平板电脑版本，我负责解决一些仅出现在平板电脑上的错误。 这就是为什么我必须防止某些号码字段被视为电话号码，因此必须有一个链接来拨打电话。 我的问题是我不能使用元<meta name="format-detection" content="telephone=no">，因为一些旧的遗留代码阻止了元的使用（我们必须在 IE 上处于怪癖模式）。 有人有其他解决方案来防止平板电脑将我的号码识别为电话号码吗？

【问题讨论】：

如果你不介意我问，你为什么需要进入 Quirks 模式？此模式代表严重过时的 Internet Explorer 版本。除了这个问题，你的问题是 ios 的，所以不需要 [internet-explorer] 标签。

我不太清楚。我是该项目的新手，我的同事告诉我一些遗留代码需要它，所以我相信他们。看来我们应该重写很多代码来阻止这种行为，而且我们现在人手不足，所以......我相信它会保持这种状态很长时间^^谢谢你的回答

【参考方案1】：

有几种方法可以实现这一点。一种方法是使用 CSS 强制文本的“正常”外观（如果需要，将其包装在 div/span 中），并使用pointer-events:none 防止点击它在 iOS 中产生任何影响。

【讨论】：

感谢您的回答。我会试试的。

我尝试了您的解决方案，pointer-events:none 成功阻止了任何人点击该字段。但是，我无法更改保持蓝色的颜色。我试图将其更改为红色以确保它更改：a.TextFieldSpan:link color:red; a.TextFieldSpan:hover color:red; a.TextFieldSpan:visited color:red; a.TextFieldSpan:active color:red; 但它不起作用。有什么想法吗？