在ios设备中显示黑色的电话号码

Question

我的网站的联系方式如下

<div class="contact">Executive:<br>+1 111 111 1111<br>
Sales Phone:<br>+1 111 111 1111</div>

当我在iphone或ipad中查看该网站时，我看到的是红色的电话号码。但我想让它变黑。我试过.contact { color:black }但没有用。任何建议或帮助表示赞赏。

Answer 1

尝试使用!important

.contact { color:black !important }

Answer 2

使用!important，它将覆盖任何现有的样式属性

.contact { color:black !important; }

或使用span标记打包电话号码并应用内联样式

<div class="contact">Executive:<br><span style="color:black">+1 111 111 1111</span><br>
Sales Phone:<br><span style="color:black">+1 111 111 1111</span></div>

具有更高优先级的内联样式

Answer 3

使用标记

上的内嵌样式将文本换行为锚税

<a href="tel:+018009991234" style="color:#000000;">1-800-999-1234</a>

Answer 4

<meta name="format-detection" content="telephone=no">解决了我的问题