jQuery: The Write Less, Do More JavaScript Library

Ticket #2066 (closed bug: invalid)

Opened 8 months ago

Last modified 8 months ago

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

Reported by: rortelli Assigned to: anonymous
Type: bug Priority: minor
Milestone: 1.2.2 Component: core
Version: 1.2.1 Keywords:
Cc: Needs: Review

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

Change History

Changed 8 months ago by davidserduke

  • status changed from new to closed
  • resolution set to invalid

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.