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

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

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

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

■参考サイト
IE8リストマーク(list-style-type)の■と●がおかしいのを直す方法 – 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のハックに関する参考サイト
IE8だけに適用させるCSSハック | CSS-EBLOG
IE と Firefox の表示違いをCSSで直す方法|アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!