Safari 在移动设备上更改 header 颜色

Safari changing header colour on monile devices

这证明很难尝试和调试,但是 ipad 和 iphones 运行 safari 页面顶部的数字最初以白色加载,然后变为黑色灰色.

到底是什么原因造成的?!它适用于其他一切!

www.colourfence.co.uk

非常欢迎任何帮助,因为我的任务是修复其他人的工作!

您已将 link 颜色设置为深灰色 color: #333333;。移动版 Safari 会自动检测 phone 个数字并将它们包装在 <a> 个标签中。

您有两个选项,如 this article 中所述:

使用元标记阻止自动检测:

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

或使用 css 规则强制使用原始样式:

a[href^=tel] {
  text-decoration:inherit;
  color: inherit;
}