如何在iPhone/iOS上删除电话号码的蓝色样式?

在iPhone上查看电话号码时，是否有办法删除默认的蓝色超链接颜色?像一个特定的移动Safari标签或CSS添加?

我只在数字的地方有这个:

<p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p>

这里没有超链接，但iPhone仍然将这个文本数字显示为超链接。我在我的一些网站上有这个渲染问题，但不明白为什么会发生这种情况。

我确实读过这篇文章:

移动HTML渲染数字

但这是唯一可行的解决方案吗?

当前回答

尝试将ASCII字符的破折号放在数字分隔之间。

从这里:-

到此:–

例如:change 555-555-5555 => 555–555–5555

其他回答

一个老问题，但上面的答案都不适合我，我张贴了我是如何解决它的

我有个电话号码在单子上:

<li class="phone_menu">+555 5 555 55 55</li>

css:

.phone_menu{
  color:orange;
}

但是在iPad/iPhone上它是黑色的，所以我只是添加了这个css:

.phone_menu a{
  color:orange;
}

如果人们在谷歌上发现这个问题，你所需要做的就是把电话号码作为一个链接，因为苹果会自动把它设置为一个链接。

HTML

<p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p>

你的css

#phone-text a{color:#fff; text-decoration:none;}

由于我们在一个网站上使用tel:链接，在大多数解决方案之前，这里发布了另一个问题。

我使用元标签:

<元名称=“格式检测” 内容=“电话=否”>

这与指定tel: links站点范围内它应该链接!

使用css真的不是一个选择，因为它隐藏了相关的电话链接。

我来详细阐述一下David Thomas之前的建议:

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

将此添加到css中会保留电话号码的功能，但会去掉下划线并匹配您最初使用的颜色。

我用了一个简单的技巧，在电话号码中间添加一个隐藏对象。

<span style="color: #fff;">
0800<i style="display:none;">-</i> 9996369</span>

这将帮助你覆盖手机号码颜色的IOS。

推荐文章