Css 如何使用JSF框架在Java中更改dataTable头的背景色？

我正在Glassfish 3.2.1上使用JSF2.1和PrimeFaces4.0

在我的default.css文件中，我有以下代码：

.facetHeaderUM .ui-datatable-header {
    background-color: transparent !important;
    border: none !important;
}

下面是我在xhtml文件中使用的代码

<p:dataTable id="items" var="item" value="#{EmailRcpts.listsofEmail}" 
      style="width:400px; text-align:left; font-size:12px;" 
      styleClass="facetHeaderUM"
      widgetVar="itemWidVar"
      paginator="true" paginatorPosition="bottom"
      paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
      currentPageReportTemplate="{totalRecords} record(s) in {totalPages} page(s)"
      rows="10">

      <f:facet name="header">
          <p:outputPanel style="font-style: italic; font-weight: bold; " >
              <p:inputText id="globalFilter" style="width:150px;margin-left: -53%" 
                  value="#{EmailRcpts.search}" /> &#160;
              <p:commandButton id="filterBtn" icon="ui-icon-search" 
                  style="font-style: italic;"/>
              <p/>
          </p:outputPanel>
      </f:facet>

在我的p:dataTable中，我使用的是

styleClass=facetweaderum

。我想在我的数据表标题中实现透明的背景色和边框色

使用FaceHeaderum样式类不起作用。my p:dataTable标题的默认背景色仍然为红色

---

Default.css文件已正确附加。除了我上面写的属性外，它还有许多属性和工作方式。

根据您使用的primefaces主题，我发现您还必须覆盖

背景图像

属性

.facetHeaderUM .ui-datatable-header {     
    background-color: transparent !important;     
    border: none !important;

    background-image: none !important; 
}

---

如果您只复制生成的HTML，您的受众将显著增加。请检查您的样式表是否实际应用。浏览器的开发者视图应该能够告诉您该类是否应用于标题，如果应用了，还有什么比您的定义更重要。您好，Blue Ocean先生，我尝试了您发送的链接，但没有任何结果。请帮帮我。谢谢