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

【问题标题】：Phone number color is changing on iPhone 6iPhone 6 上的电话号码颜色正在改变
【发布时间】：2017-10-10 22:05:21
【问题描述】：

我创建了一个登录页面并在其中插入了一个电话号码。在我检查过的每部手机上看起来都很好，但其中一位使用 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>

虽然没有用。我做错了什么？

非常感谢您愿意提供帮助！

【问题讨论】：

标签： html css iphone responsive-design responsive

【解决方案1】：

试试：

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

【讨论】：

【解决方案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

【讨论】：