title: Overriding !important style
body: <p>Title pretty much sums it up.</p>
  
  <p>The external style sheet has the following code:</p>
  
  <pre class="lang-css prettyprint-override"><code>td.EvenRow a {
    display: none !important;
  }
  </code></pre>
  
  <p>I have tried using:</p>
  
  <pre><code>element.style.display = "inline";
  </code></pre>
  
  <p>and</p>
  
  <pre><code>element.style.display = "inline !important";
  </code></pre>
  
  <p>but neither works. Is it possible to override an !important style using javascript.</p>
  
  <p>This is for a greasemonkey extension, if that makes a difference.</p>