Rich Faces：如何摆脱面板中的填充物？

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;
}