I'm unable to inject a style with an "!important" rule [duplicate]

Question

I tried to inject a style using this code:

document.body.style.color='green!important'; 

Per the CSS cascade ref, by applying the !important rule I can trump origin and specificity.

I tried to inject this using Firefox Firebug into www.google.com however no luck.

How do I inject a foreground color with an !important rule?

Answer 1

Per the spec, if you want to set the priority, not just the value, you have to use setProperty, like so:

document.body.style.setProperty ("color", "green", "important"); 

Answer 2

element.style.cssText = 'color:green !important'; 

should work for you.