豐富的面孔：如何擺脫面板中的襯墊？

Question

我想擺脫邊框和梯度之間的填充：

在這個文件我加載自己的CSS類：

<h:head> 
    <h:outputStylesheet library="css" name="default.css" /> 
    <title>Our Application</title> 
</h:head> 

在default.css，我設置這些參數：

.rf-p { 
    padding:0; 
} 
/*header*/ 

.rf-p-hdr { 
    padding:0; 
} 

/*body*/ 
.rf-p-b { 
    padding:0; 
} 

但是，當我調試這個Firebug的，我看到的RichFaces始終覆蓋它：

我該如何解決這個問題？

順便說一句：我能格式化XHTML中的代碼：

<rich:panel id="mainPanel" header="Main Menu" style="padding:0"> 
     <h:form> 
     </h:form> 
    </rich:panel> 

但在第一，這是無解的，其次，它僅覆蓋.rf-P和不.rf-P-HDR所以仍然會有填充。而且它並不能幫助太多，如果我設置的屬性：

<rich:panel id="mainPanel" header="Main Menu" headerClass="noborder" bodyClass="noborder" styleClass="noborder"> 
     <h:form> 
     </h:form> 
    </rich:panel> 

在css文件：

.noborder { 
    padding:0; 
} 

Answer 1

您可以隨時強制重寫宣佈風格：

.noborder { 
    padding: 0 !important; 
} 

或：

.rf-p { 
    padding: 0 !important; 
} 
.rf-p-hdr { 
    padding: 0 !important; 
} 
.rf-p-b { 
    padding: 0 !important; 
}