防止手机颜色变化

-1

我有一个包含电话号码的简单段落的HTML，但在我的iOS测试中，电话号码更改其颜色并转换为手机。转换为手机并不打扰我，但字体颜色变化是。如何避免这种情况？防止手机颜色变化

这是我的代码示例：

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

2017-07-26 Phoenix_uy

试试这个：[href^= tel] {color：inherit;文字修饰：无; } –

//编辑

在这种情况下...

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

2017-07-26 14:28:42 Pommesloch

“的iOS品牌电话号码默认是可点击的（原因很明显）。当然，这增加了一个额外的标签如果您的电话号码尚未成为链接，这将覆盖您的样式。

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

这应该让你的电话号码，风格如您所愿，无需添加额外的标记。”

以供将来参考，请尝试先在网上google搜索你的问题，看是否已经有一个答案。如果没有的话，那么。问一个问题在这里

2017-07-26 14:28:59

添加到您的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; 
}

查阅这些答案的详细信息：

2017-07-26 14:30:34

回答