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

我创建了一个登录页并在那里插入了一个电话号码。在我检查过的每一部手机上，它看起来都不错，但其中一位使用iphone6的用户抱怨说，他点击后，手机号码的颜色变成了灰色，然后变成了蓝色

我尝试插入以下代码：

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

052-9777477

但是没用。 我做错了什么

非常感谢您的帮助

试试看：

---

这里有一个很好的电话号码样式模型，它是智能手机视口的真正电话链接，桌面视口的常规文本：

HTML

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

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