jQuery samples - jQueryでCSSの!importantを設定

jQuery samples - jQueryでCSSの!importantを設定

本エントリーは「to-R JavaScript Advent Calendar 2015」16日目のエントリー、今回のjQuery samplesは、- jQueryでCSSの!importantを設定する方法についての解説です。

jQueryではcssメソッドの値に「blue!important」と指定しても!importantを付与することができない。

$("#box").css("background","blue!important");

!importantを付与したい場合はプロパティに「cssText」と指定を行います。プロパティに「cssText」を指定した場合には値に指定した内容がそのままstyle属性に反映されますので、以下の様に!important付きのスタイルを指定することができるようになります。

$("#box").css("cssText","background:blue!important");

以下が動作サンプルです。

See the Pen jQuery samples - overflow:scroll内をスムーズスクロール by Kazuma Nishihata (@to-r) on CodePen.

スポンサードリンク

«jQuery samples - jQueryで設定したCSSを初期化する方法 | メイン | jQuery samples - Ajax時にローディングを表示»