firefoxで順序リストが増えない57

Question

私はFirefox 57でhtmlの順序付きリストに問題があります。

htmlが動的に生成されますが、一例は次のようになります。

<ol> 
    <li>ashdg</li> 
    <li>ashdg</li> 
    <li>ashdg</li> 
</ol> 

それ以下のCSSを持って

ol{ 
    margin-top: 0px !important; 
    margin-bottom: 0px !important; 
    list-style-type: decimal !important; 
    list-style-position: inside !important; 
} 

p, ul, ol { 
    padding: 0; 
    margin: 0; 
    display: inline; 
} 

Firefoxの出力

クローム出力

Answer 1

によって

p, ul, ol { 
    padding: 0; 
    margin: 0; 
    display: inline; 
} 

をこれはdisplay: inlineによってcasuedされますが、これはFirefoxでのリストの順番をリセットなぜは私は知りません。私はこれが直感的で予期しているとは言いませんので、私の意見では、バグです。 inlineプロパティが不要な場合は、CSS内のolを削除してください。 がである必要がある場合（1行に入れたいので）、display: inlineの代わりにfloatを使用して回避策があります。

ol{ 
 
    margin-top: 0px !important; 
 
    margin-bottom: 0px !important; 
 
    list-style-type: decimal !important; 
 
    list-style-position: inside !important; 
 
} 
 

 
p, ul, /* ol <-- remove this, if not necessary */ { 
 
    padding: 0; 
 
    margin: 0; 
 
    display: inline; 
 
} 
 

 
/* add this, if necessary */ 
 
ol li { 
 
    float: left; 
 
}

<ol> 
 
    <li>ashdg</li> 
 
    <li>ashdg</li> 
 
    <li>ashdg</li> 
 
</ol>

Answer 2

任意のプロパティに接頭辞-mozの新しいプロパティを追加しようとしましたか？ moz-gridのように、-moz-appearance。 これは当然必要はありませんが、試してみることができます。 olプロパティを変更する別のCSSコードがあるかどうかを確認してください（-mozも確認してください）。 Firefoxで

---

それは理にかなって、それは「1行リスト」のように見えるようになりますdisplay:inlineのように見えていない、とolはラインからのボックスを数えます。

Answer 3

はこれを置き換える:: ::

p, ul, ol { 
    padding: 0; 
    margin: 0; 
}