How can I prevent CSS from affecting certain element?

Question

I am writing a GreaseMonkey script that sometimes creates a modal dialog – something like

   F         


        
      

Answer 1

just create the div like this:

var ele = document.createElement("div");
ele.style.setProperty("display", "block", "important");

that should overwrite all other styles afaik.

look here, it seems to work: http://jsfiddle.net/ZpC3R/