CSS Alternatives to style=“display:none”

Question

I\'m implementing a JSF component base where you must override the css being used or it will use its default css. I\'m trying trying to hide the div and I\'ve

Answer 1

Use !important to stop it getting overridden -

.rich-panelbar-header-act {
    display:none !important;
}

Also you can use JavaScript as a back up -

function hidediv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('DIVIDNAME').style.display = 'none';
}else {
if (document.layers) { // Netscape 4
document.DIVIDNAME.display = 'hidden';
}else { // IE 4
document.all.DIVIDNAME.style.display = 'none';
}}}