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

Question

在iPhone上查看时，是否可以从电话号码中删除默认的蓝色超链接颜色？像要添加特定的Mobile Safari标签或CSS？我只有这个号码：<p id="phone-text">Call us on <strong>[phone]</strong></p>而且没有超链接，但是iPhone仍将此文本数字呈现为超链接。我的某些网站上出现了渲染问题，但看不到为什么发生。但这是唯一可行的解决方案吗？

Answer 1

为了详细说明David Thomas的较早建议：

a[href^="tel"]{

    color:inherit;

    text-decoration:none;

}

将其添加到CSS会保留电话号码的功能，但会删除下划线并与您最初使用的颜色匹配。

奇怪的是我可以发表自己的答案，但无法回应别人的答案。

Answer 2

如果要保留电话号码的功能，而只是为了显示而删除下划线，则可以将链接设置为其他样式：

a:link {text-decoration: none; /* or: underline | line-through | overline | blink (don't use blink. Ever. Please.) */ }

我还没有看到建议将类应用于电话号码链接的文档，因此您必须在要使用其他样式的链接中添加类/标识。

或者，您可以使用以下方式设置链接的样式：

a[href^=tel] { /* css */ }

iPhone可以理解，并且不会被任何其他UA应用（据我所知，也许是Android，Blackberry等，用户/开发人员可以发表评论）。