防止手机变色答案

【问题标题】：Prevent mobile phone color change防止手机变色
【发布时间】：2018-01-01 22:40:29
【问题描述】：

我有一个 HTML，其中包含一个带有电话号码的简单段落，但在我在 iOS 中的测试中，电话号码改变了颜色并转换为电话号码。转换为电话并不困扰我，但字体颜色的变化是。怎样才能避免呢？

这是我的代码示例：

<p class="phone-pink">call 1-888-4HELP <br class="show-for-small-only">(1-888-443-57)</p>

【问题讨论】：

标签： html css

【解决方案1】：

将此添加到您的 html 的头部：

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

如上所述，您可以设置链接标签的样式，但如果您只想影响那一行，请执行以下操作：

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

然后您可以将其更改为 id：

<p id="phone-pink">call 1-888-4HELP <br class="show-for-small-only">(1-888-443-57)</p>

和css：

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

【讨论】：

【解决方案2】：

//编辑

在这种情况下……

a {
   color: #yourColor;
   text-decoration: none;
}

【讨论】：

【解决方案3】：

“默认情况下，iOS 使电话号码可点击（原因很明显）。当然，如果您的电话号码还不是链接，这会添加一个额外的标签，它会覆盖您的样式。

要修复它，请尝试将其添加到您的样式表中：a[href^=tel] { color: inherit;文字装饰：无； }

这应该使您的电话号码保持您期望的样式，而无需添加额外的标记。"

为了将来参考，请先尝试在网上搜索您的问题，看看是否已经有答案。如果没有，请在这里提问。

【讨论】：