javascript !importantを適用する

javascript !importantを適用する

javascriptで、setPropertyを使って、cssに!importantを適用するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

setProperty使い方

textContentを使うと、!importantを適用することが可能です。

setProperty使い方

サンプルコード

以下は、
「変更」ボタンをクリックすると、指定した要素の背景色をimportをつけて変更する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

importantが付与されていることが確認できます。