リストの黒丸(マーカー)がIEで表示されない時はここを確認

最終更新日:

ulタグを使ってリストを表示させる場合、 デフォルトでは黒丸がマーカーとして表示されます。

ブラウザで確認したときに、Firefoxでは正常に表示されるのですが、 IEではマーカーが表示されないときがあります。

その場合はリストに対して「width」や「max-width」を指定していないかを 確認してみてください。

もし指定していたら、「width」や「max-width」の指定をやめて IEで再度確認してみてください。

おそらくこれで正常に表示されると思います。

IEでのみ表示されないのはどうやらIEのバグのようです。

私の場合は下記のように記述していました。 この場合はIEでマーカーが表示されませんでした。

ul, ol {
    font-size: 14px;
    line-height: 24px;
    max-width: 540px;
}

以下のようにコメントアウトすると正常にマーカーが表示されました。

ul, ol {
    font-size: 14px;
    line-height: 24px;
    /* max-width: 540px; */
}

マーカーが表示されずに困っているかたは「width」や「max-width」を 確認してみてください。