jQuery などの JavaScript を活用して ul / ol / li 要素をアコーディオンさせるときなどに、 「・」のマーク(記号)を非表示にできない・消せない問題があります。この問題は特に IE (10, Edge など) で起こります。 一般に要素の記号を消すためには list-style-type: none を設定します。 デバッグしてみるとこの CSS は適用されているのですが、対象の要素が再描画されるまでこの問題は発生します。 問題の発生条件 概ね次のような条件で発生するようです。 ul / ol / li 要素が何かしらの CSS の設定によって不可視の状態のまま描画される。 該当する要素が JavaScript や hover などのイベントによって可視化されるとき、記号が描画されたままになる。 該当する要素が一度可視化された後に、イベントやアクションによって再
![IE で li 要素の記号が消えない問題 / list-style-type: none – カラクリ.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/29be4810c2ba849f96f37cc8ef0ed4cc418d7c01/height=288;version=1;width=512/http%3A%2F%2Fxn--lcki7of.jp%2Fwp-content%2Fuploads%2FIElogo_blue-840x276.png)