JavaScript でインライン `! important` スタイルをオーバーライドするにはどうすればよいですか?

JavaScript によるインライン ! important スタイルのオーバーライド

jQuery の .css() メソッドは、! important 属性でマークされたスタイルを適用しません。これは、!重要な要素を含む既存のインライン スタイルをオーバーライドしようとするときにイライラする可能性があります。

解決策:

次のいずれかの方法を使用して、この制限を克服してください:

1. クラスで addClass() を使用するルール:

   • 目的の CSS クラスを作成します!重要なスタイル:

     .importantRule { width: 100px !important; }

     ログイン後にコピー

   • クラスをターゲットに適用します要素:

     $('#elem').addClass('importantRule');

     ログイン後にコピー

2. attr() を使用してインライン スタイルを設定します:

   • このメソッドは既存のインラインを上書きします。スタイル:

     $('#elem').attr('style', 'width: 100px !important');

     ログイン後にコピー

   • 既存のインライン スタイルを保持するには、次の修正バージョンを使用します:

     $('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

     ログイン後にコピー

以上がJavaScript でインライン `! important` スタイルをオーバーライドするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。