javascript - インラインCSSに!importantを追加する方法は?

Question

これを理解するのは本当に難しいです。しかし、既存のインライン css に !important を追加するだけのサンプルスクリプトを教えてもらえますか?

score 3 · Accepted Answer

以下のコードを使用して、インラインに !important を追加できます。

タグにinlinecssを追加したい場合、以下のコードを使用してそれを行うことができます。div

CSS の方法

<div style="color:red !important"

jQuery

$('div').attr('style', 'color:red !important;');

score 2 · Accepted Answer

attrを使用してインラインスタイルを取得し、以下のように操作できます。

var styleCode = $('p').attr('style').split(";");
$('p').attr('style',styleCode.join(' !important;'));

score 1 · Accepted Answer

1

$(element).attr('style', 'height:200px !important;')

于 2013-09-14T04:50:24.020 に答える

score 1 · Accepted Answer

HTML

<div class="yourelementclass"></div>

JS コード

  $('.yourelementclass').attr('style', 'width:500px !important;')

score 1 · Accepted Answer

ライブラリ固有でない方法は、 += 演算子を使用!importantして値に追加することです。

<div style="width:50px;" id="id1"></div>

document.getElementById("id1").style.width += " !important";

score 0 · Accepted Answer

0

$('img')[0].style.setProperty( 'width', '500px', 'important' );

于 2013-09-14T04:53:31.817 に答える

6 に答える 6