Firefox忽略iPhone上的格式检测



在下面的HTML中,iPhone上的Firefox将30到60呈现为一个电话号码,尽管元标签要求它不要这样做。这是一个已知的错误,还是我做错了什么?谢谢

<html>
<head>
<meta name="format-detection" content="telephone=no" />
</head>
<body>
<style>
ul.filters li {
display:inline-block;
}
</style>
<ul class="filters">
<li>30</li>
<li>35</li>
<li>40</li>
<li>45</li>
<li>50</li>
<li>55</li>
<li>60</li>
<li>65</li>
<li>70</li>
<li>75</li>
<li>80</li>
</ul>
</body>
</html>

我通过向每个<li>元素添加字符来解决这个问题。我的代码示例是一个年龄过滤器,所以我修改了每个<li>,如下所示:

<li>30+</li>
<li>35+</li>

等等。我尝试将+符号包装在<span>标签中并使其不可见,但Firefox坚持将它们变成电话号码。因此,下一个最好的选择是使用1px的CSSfont-size值,如下所示:

<li>30<span class="font-size:1px;">+</span></li>
<li>35<span class="font-size:1px;">+</span></li>

等等,这似乎足以让Firefox望而却步。

最新更新