在下面的HTML中，iPhone上的Firefox将30到60渲染为电话号码，尽管 meta标签要求它不要这样做。这是一个已知的bug，还是我做错了什么？谢谢。
<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>
1条答案
按热度按时间vkc1a9a21#
我通过在每个
<li>元素中添加字符来解决这个问题，我的代码示例是一个年龄过滤器，因此我将每个<li>修改为：我试着将+号封装在
<span>标签中，使其不可见，但Firefox坚持将其转换为电话号码，因此次佳选择是使用CSSfont-size值1px，如下所示：等等，这似乎足以阻止Firefox。