CSSで、list-style:discを指定した際にIE8の●が小さい件

li要素のリストマークに●(黒丸)を指定する際、下のようなコードになると思います。IE8だと、この黒丸が小さいんですよね。

ul li{
 list-style-type:disc;
}

黒丸というよりは、黒点。現状だとIE8向けのCSSハックを使って解決する感じになりそうです。

参考サイト

develo.org

html>/**/body ul li {
    list-style/***/: none9;
}

head~/* */body ul li:before {
    content/***/: "●";
}

html:not(:target) ul li:before {
    content: "";
}

html>//bodyを指定することでIE8のみに適用されます。head~/ /bodyもIE8に向けた記述です。

list-styleなどのセレクタ名の後に、/***/を入れます。2つ目のアスタリスクの前でエスケープしてます。しない方もいる感じですね。

html:not(:target)の記述は、IE8だけに指定した黒丸を他のモダンブラウザに適用させないための記述です。

IE8のハックに関する参考サイト

css-eblog.com

ameblo.jp