ページには、以下のCSSを持っています継承され計算されたスタイルをすべて要素から削除するにはどうすればいいですか?
input[type=text]
{
display: inline; padding: 7px; background-color: #f6f6f6; font-size: 12px; letter-spacing: 1px; border: 1px solid #aac7d1;
/* lots of other styles here... */
}
私は、多くのテキスト入力要素と、次があります。
<input type="text" id="txt1" />
を私はjQueryを介して、この個々のテキストボックス(TXT1)に異なるスタイルを適用しよう:
$('#txt1').removeClass().removeAttr('style').css({
'background-color': '#ff0000',
//lots of other styles here...
});
しかし、スタイルシートから来たスタイルは、このようにして要素から削除することはできません。 CSSのルールinput[type=text]
はカスタムクラスではないので、私が適切ならここでremoveClass()
は動作しません。
私がしたいことは、要素txt1
に適用されたすべてのスタイルを完全に削除します。計算されたすべてのスタイルのリストを取得し、それらを空にする以外に、これを実行する特定の方法がありますか?
私はあなたが正しいと思います。ループ内ですべての計算されたスタイルをリセットすることはできますが、あまり論理的ではありません。 –