电话号码的颜色正在改变iPhone 6

Question

我创建了一个登录页面，并插入一个电话号码出现。在我检查过的每部手机上，它看起来都很好，但使用iPhone 6的其中一个用户抱怨电话号码颜色会变成灰色，然后在点击它之后变成蓝色。

我尝试插入下面的代码：

} 
    .phone a, .phone a:link, .phone a:visited, .phone a:hover, .phone a:active, .phone a:focus { 
    /* link styles go here, e.g.: */ 
    text-decoration: none; 
    color: #ff6600; 
} 

的HTML是：

<p class="phone">052-9777477</p> 

没有工作，虽然。 我做错了什么？

谢谢你这么多，想帮助！

Answer 1

尝试：

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

Answer 2

下面是造型的电话号码一个很好的模式，它是一个真正的电话链接的智能手机视窗和常规文本为桌面视窗： https://codepen.io/panchroma/pen/YVadmO

HTML

<a class="tel" tabIndex="-1" href="tel:1-052-977-7477">1-052-977-7477</a> 

CSS

.tel,.tel:visited { /*for small screens */ display:block; 
    color:#fff; 
    background-color:#000; 
    padding:1em; 
    text-decoration:none; 
} 

.tel:hover,.tel:focus { 
    color:#000; 
    background-color:#fff; 
} 
@media screen and (min-width: 28.5em) { /* for larger screens */ 
    .tel,.tel:visited { 
    background:none; 
    cursor:default; 
    } 
    .tel,.tel:focus { color:#000; } 
} 

Credit for this code