主页上的文字在 iOS Safari 上是不同的颜色答案

【问题标题】：Text on Homepage is a different color on iOS Safari主页上的文字在 iOS Safari 上是不同的颜色
【发布时间】：2016-01-12 14:42:31
【问题描述】：

在我主页的顶部栏中，我已将公司电话号码包含在文本颜色为白色的内容中。它在我的桌面浏览器（Firefox 和 Chrome）上呈现白色，在我的 Droid 手机上呈现白色，但在我的 iOS 手机上的 Safari 上呈现深灰色。为什么在 Safari 上会发生这种情况？为什么 Safari 显示的电话号码文本颜色与我的桌面浏览器和 Droid 手机上显示的颜色不同？这是我的 HTML 代码：

<div class="col-md-9">
   <ul class="some-info font-montserrat">
      <li><i class="fa fa-phone"></i> +1 888-555-5555</li>
   </ul>
</div>

这是我的 CSS

 .top-bar .some-info li {
  display:inline-block;
  color:#fff;
  line-height:48px;
  font-weight:normal;
  font-size:12px;
  margin-left:50px;
  text-align:right;
 }


.top-bar .some-info li i {
 margin-right:5px;
 color:#596269;
 font-size:16px;
}

【问题讨论】：

标签： html ios css colors safari

【解决方案1】：

这样做的原因是 iOS 将其转换为链接。这是为了点击并能够直接拨打该号码。我对此的解决方法是添加一个链接并将链接设置为白色。

或者在下面添加css

.top-bar .some-info li a {color:white!important;}

【讨论】：

是的，做到了！优秀的反馈。插入你的 css sn-p 就可以了。后续问题：“当我在我的Android手机上拉出页面时，电话号码也是可点击的，就像我用我的iPhone拉起来一样。那么为什么Android不改变文字颜色呢？”
这取决于所使用的浏览器。在 android 上，如果您使用 google chrome，它不会链接它。但是，如果您使用默认浏览器，则可以。 Android 使用不同的方法来链接电话号码