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