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

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

1，在头部增加

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

1

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

2，加上tel 做样式。

诸如

 <a href="tel:13708021643">13708021643</a>

1

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

比如按我们的为例：

增加一个：

.m-footer a{

display: block;

color: #fff;

text-align: center;

width: 100%;

font-size: 0.7rem;

background-color: #333;

}

————————————————

版权声明：本文为CSDN博主「～央千澈～」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/dujiangdu123/article/details/118084048