Firefox 忽略 iPhone 上的格式检测

【问题标题】：Firefox ignoring format-detection on iPhoneFirefox 忽略 iPhone 上的格式检测
【发布时间】：2023-01-12 00:04:55
【问题描述】：

在下面的 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>

【问题讨论】：

标签： html firefox

【解决方案1】：

我通过向每个 <li> 元素添加隐藏字符来解决这个问题。我的代码示例是一个年龄过滤器，所以我的第一个解决方法是像这样修改每个<li>（确实有效）：

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

等，但我发现加号很烦人，所以我尝试按如下方式隐藏它们：

<li>30<span class="display:none">+</span></li>
<li>35<span class="display:none">+</span></li>

等等，这似乎足以阻止 Firefox。

【讨论】：