JavaScript側で「!important」を付ける方法

コード

let tergetBtn = document.querySelector('#Btn')

tergetBtn.style.cssText += 'color: ' + '#000000' + ' !important;';

1. importしたいセレクタをid とか classなんかで取得

2. 取得したセレクタに対して、style.cssTextで指定したいCSSを文字列で指定する

文字列の中で 「!important」を付けてあげればOK

他にも、いろいろ応用が効く。

経緯

cssTextじゃなくて、.cssでつけようと思ってたんだけど指定できなくて苦戦。

こちらの記事を参考にすると、そもそも付けれない。

本当にお世話になりました。感謝!

https://qiita.com/amamamaou/items/1647bb8ba89bdf9a0fe6

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です