处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题

处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题，今天突然打开我们的推广落地页发现电话没显示，仔细看才发现样式被黑化了，2种方式处理：

问题如图，细节很小但很重要。

1，在头部增加

但是这个方法用了体验不好，禁止识别手机后不方便用户直接拨打电话联系。

2，加上tel 做样式。

诸如

然后我们再给a标签做个样式即可：

比如按我们的为例：
增加一个：
.m-footer a{
display: block;
color: #fff;
text-align: center;
width: 100%;
font-size: 0.7rem;
background-color: #333;
}