Ticket #11173 (closed bug: wontfix)
$(elem).css("property", "value !important") fails
|Reported by:||fam.lam||Owned by:|
I'm not sure if this is a bug or intentional, but I guess it's a bug. In the FireFox (9.0.1, and maybe earlier versions too) and future webkit browser versions, the following code doesn't work
$("body").css("color", "red !important");
If you leave out the !important it works fine. See also: http://jsfiddle.net/GGJHL/
It could be because jQuery calls style[ name ] = value; and these browsers do not support setting properties containing !important that way. The correct way to set it would be style.setProperty(name, value_without_!important, "important");
It would be great if jQuery could also support setting !important styles on browsers that support .setProperty().