Question

看看 -

http://jsfiddle.net/v23UU/13/

它适用于IE和Chrome但不适用于Firefox 4有谁知道为什么？我发现了一些similar，但无法弄清楚如何让它发挥作用？谢谢你的帮助！

Answer 1

这与list-item计数器实际上并不是Gecko中的CSS计数器这一事实有关。有关详细信息，请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=4522。

要使其工作，您需要使用CSS计数器或具有实际的列表元素。

Answer 2

对你的问题不是一个完美的答案，但仍然是一种解决方法。

我花了半天时间试图弄清楚如何解决这个令人沮丧的旧bug（一个错误修复14年？严重的Mozilla？）。我无法找到解决问题的解决方案，但最终我找到了一个比没有好的妥协。

在CSS文件中：

    .mylist{
       display: list-item;
       list-style: decimal;
    }

    @-moz-document url-prefix() {
       .mylist {
          list-style: disc;
       }
    }

在Opera，IE，Chrome中显示：

    1. Item 1
    2. Item 2

在Firefox中显示：

    * Item 1
    * Item 2

这将小数列表样式应用于除Firefox之外的所有浏览器中的.mylist类，后者获取光盘列表样式。这并不理想，因为它仍然没有在Firefox中正确排序您的列表，但至少它允许列表在大多数浏览器中正确显示，同时将其转换为Firefox中的无序列表而不是以列表开头的项目列表＆＃34; 0＆＃34;

Jsfiddle似乎并不喜欢＆＃34; @ - moz-document＆＃34;语法无论出于何种原因，但它可以在实时页面中使用。

将div显示为有序列表项时，Firefox问题显示为零？

2 个答案: