html - iOS Safari 上主页上的文字颜色不同

Question

在主页的顶部栏上，我添加了公司电话号码，文本颜色为白色。它在我的桌面浏览器(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;
}

Answer 1

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

或者添加下面的CSS

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