Skip to main content

Bug Tracker

Side navigation

#2066 closed bug (invalid)

Opened December 17, 2007 12:08PM UTC

Closed December 17, 2007 06:00PM UTC

Last modified March 15, 2012 07:15PM UTC

.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:
Description

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");

Attachments (0)
Change History (1)

Changed December 17, 2007 06:00PM UTC by davidserduke comment:1

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.