Question

在我主页的顶部栏上，我已将公司电话号码包含在文字颜色为白色的情况下。它在我的桌面浏览器（Firefox和Chrome）上呈现白色，在我的Droid手机上呈现白色，但在我的iOS手机上呈现深红色。为什么在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;}

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

1 个答案: