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 comment:1
| resolution: | → invalid |
|---|---|
| status: | new → closed |
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.