IE で li 要素の記号が消えない問題 / list-style-type: none – カラクリ.jpjQuery などの JavaScript を活用して ul / ol / li 要素をアコーディオンさせるときなどに、 「・」のマーク(記号)を非表示にできない・消せない問題があります。この問題は特に IE (10, Edge など) で起こります。 一般に要素の記号を消すためには list-style-type: none を設定します。 デバッグしてみるとこの CSS は適用されているのですが、対象の要素が再描画されるまでこの問題は発生します。 問題の発生条件 概ね次のような条件で発生するようです。 ul / ol / li 要素が何かしらの CSS の設定によって不可視の状態のまま描画される。 該当する要素が JavaScript や hover などのイベントによって可視化されるとき、記号が描画されたままになる。 該当する要素が一度可視化された後に、イベントやアクションによって再
