title: I'm unable to inject a style with an "!important" rule
body: <p>I tried to inject a style using this code:</p>
  
  <pre><code>document.body.style.color='green!important';
  </code></pre>
  
  <p>Per <a href="http://www.w3.org/TR/CSS2/cascade.html" rel="noreferrer">the CSS cascade ref</a>, by applying the <code>!important</code> rule I can trump origin and specificity.</p>
  
  <p>I tried to inject this using Firefox Firebug into www.google.com however no luck. </p>
  
  <p>How do I inject a foreground color with an <code>!important</code> rule?</p>