Question

我无法删除此示例代码中的文本修饰：

<style type="text/css">
     p.p1 {
        margin: 0.0px 0.0px 0.0px 0.0px;
        font: 14.0px Arial;
        text-decoration:none
     }
</style>

<p class="p1" style="text-decoration: none">
       For emergencies, please contact `1-234-567-1234` immediately.
       <span class="Apple-converted-space">
       </span>
</p>

我正在加载WebView html页面，它仍在加载1-234-567-1234，并在WebView钛中加下划线链接蓝色。

Answer 1

这不是HTML或CSS问题，即iOS本机web浏览器识别电话号码并为其提供内部链接，以便您可以使用它来呼叫或查找联系人。由于它不存在于DOM中，因此您无法使用标准CSS删除或设置样式。

Apple有一个糟糕的解决方法，documented here：

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

将它放在<head>中，它应该会停止突出显示的电话号码。

Answer 2

尝试

<p class="p1" style="text-decoration:none !important;" >

无法删除iOS网页视图中的电话号码的文字装饰

2 个答案: