!important

Går det att få in !important via JavaScript?

function listOver(obj){
 obj.style.backgroundColor="#eee"; //Här vill jag ha in "!important"
}

Det verkar som att IE7 (troligtvis lägre versioner också) inte vill vara med på "#eee !important". FF2 och Opera9 har däremot inga problem med detta.

Såvida du inte finner någon annan lösning antar jag att

.foo { background-color:#eee !important; }
function listOver(obj){
  obj.className = "foo";
}

fungerar.

Tyvärr kan jag inte byta klassnamn i just det här fallet. Jag använder en tabell på sidan som har runt 10000 celler och byter jag klassnamn vid onmouseover går det så j*vla segt! :x

Det räcker med en IE-lösning.

En sökning verkar ge att detta blir svårt att åstadkomma. Logiken är faktiskt rimlig: eftersom user stylesheets har högre prioritet än author stylesheets, tillsammans med det faktum att en användare har möjlighet att specificera !important för något element, bryts prioritetsordningen skulle tilldelningen av !important till style-attributet (via ex. JS) få önskad effekt.