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; } 
}   

记入此代码