はじめに JavaScriprで要素のスタイルを普通に変更しようとしても、元々のCSSで !important 指定されている場合変更できないという問題があります。 !important を使うこと自体ナンセンスな部分がありますが、仕事で使う機会があったのでいろいろな方法を挙げてみました。 それぞれの方法を見てみます。 いろいろな方法 それぞれのメリット・デメリットも含めて。 以下のようなHTMLがあるとします。(いろいろ省略してます) <style> #target { background-color: #f00 !important; } </style> <div id="target" style="width: 100px; height: 100px;"></div>