style="x: y !important;" doesn't get changed when calling el.css(x, z) in Chrome and Safari but it works in Firefox

[anonymous]

Example: ​http://jsfiddle.net/xuNAr/

[anonymous]

I'm submitting a pull request in a few minutes

[m_gol]

PR: ​https://github.com/jquery/jquery/pull/1385

Landed at:
master: ​https://github.com/jquery/jquery/commit/24e587929f62428e1959b10aace6dc4fd65ab397
1.x-master: ​https://github.com/jquery/jquery/commit/a5063ee2a1eb22a66f0ae9b36f89935cf7c8a34b

[m_gol]

Did we report this bug to Chrome/Safari bug trackers?

[m_gol]

Bug reports:
Chrome: ​https://code.google.com/p/chromium/issues/detail?id=350753
Safari: ​https://bugs.webkit.org/show_bug.cgi?id=129994
IE: ​https://connect.microsoft.com/IE/feedback/details/831122/assigning-to-the-style-property-initialized-to-an-important-value-isnt-applied

[m_gol]

Unfortunately, we had to revert the patch fixing this issue as it was causing other issues that would be hard to patch without affecting size and performance, e.g.:

1. ​http://bugs.jquery.com/ticket/14836
   
2. ​https://github.com/jquery/jquery/pull/1527