Bug Tracker

Opened 16 years ago

Closed 16 years ago

Last modified 12 years ago

#2066 closed bug (invalid)

.css({height: "300px !important"})

Reported by: rortelli Owned by:
Priority: minor Milestone: 1.2.2
Component: core Version: 1.2.1
Keywords: Cc:
Blocked by: Blocking:


The !important declaration works only on FF 2.x IE6 & IE7 broke Safari 2.x doesn't brokes but it'll not apply the css rule

Same problem using .css("height", "300px !important");

Change History (1)

comment:1 Changed 16 years ago by davidserduke

Resolution: invalid
Status: newclosed

Only Safari 3 Win of the browsers I tested lets you do that. The other browsers either ignore the !important keyword or throw an error (IE). Even if you do

document.getElementById("tester").style.height = "300px !important";

it fails in all browsers except Safari so this isn't a jQuery bug. There is, however, a work around. You can set it directly on the cssText.

$("#tester").css("cssText", "height: 300px !important;");

And this seems to work. Of course you have to be careful setting cssText since it sets/clears everything in the css for that element.

Hope that helps.

Note: See TracTickets for help on using tickets.