我有一个HTML页面,其中包含以下文本:
<font face="Tahoma, Geneva, sans-serif">Please contact our sales person by email: salesperson@company.com or by phone: 888-888-8888</font>
除了iOS上的Safari浏览器外,它在每个浏览器中都表现良好。该号码已经存在,您可以单击该号码,然后iOS设备会提示您拨打此号码。只是看不见。
我找到的解决方案之一是将以下代码添加到页面头部:
<meta name="format-detection" content="telephone=no" />
这个号码变得可见了,但是Safari不再将其识别为电话号码,因此用户无法通过点击来拨打电话。
另一个解决方案是将电话号码变成链接:
<a href="tel:888-888-8888" style="color:#000">888-888-8888</a>
但在这种情况下,IE实际上试图转到“tel:888-888-8888”链接,因此这根本不是最好的解决方案。
那么问题是:是否可能在iOS设备的Safari中将电话号码保留为文本,但使其可见并识别为电话号码?
其他信息:
字体是白色的,因为在CSS文件中为链接指定了白色。我不想更改它,因为这会影响所有其他应该是白色的链接。只有iOS上的Safari才会从电话号码创建超链接。