css - 显示 : list-item not working properly in Firefox?

我很确定它在某个地方有记录，但我的谷歌搜索和查看 mdn 并没有给我任何实质性的信息。

考虑以下示例:

<doctype html>
<html>

  <head>
    <title>Array test</title>
  </head>

  <body>
    <style scoped>
      div {
        margin: 20px;
        padding: 20px;
        display: list-item;
        list-style-type: decimal;
      }
    </style>

    <div>one</div>
    <div>two</div>
    <div>three</div>
    <div>four</div>
  </body>

</html>

如果你在 Chrome 或 safari 中渲染它，或者任何我能拿到的 webkit 浏览器，div 将被编号为 1、2、3、4。但在 Firefox 中，所有元素都将为 0。

有解决办法吗？在纯 CSS 中？

TIA

最佳答案

如果您想使用纯 CSS 解决方案，您可以显式使用 CSS 计数器，对吧？

关于css - 显示 : list-item not working properly in Firefox?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9336776/