Overriding !important style using Javascript

Posted by Enrico on Stack Overflow See other posts from Stack Overflow or by Enrico
Published on 2009-01-20T18:41:16Z Indexed on 2010/03/20 0:51 UTC
Read the original article Hit count: 283

Filed under:
|
|

Title pretty much sums it up.

The external style sheet has the following code:

td.EvenRow a{
  display: none !important;
}

I have tried using:

element.style.display = "inline";

and

element.style.display = "inline !important";

but neither works. Is it possible to override an !important style using javascript.

This is for a greasemonkey extension, if that makes a difference.

Much appreciated, Enrico

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about greasemonkey