【问题标题】: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 使用不同的方法来链接电话号码
    猜你喜欢
    • 1970-01-01
    • 2012-04-19
    • 2020-01-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多