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時にローディングを表示»