我在Glassfish 3.2.1上将JSF 2.1与Primefaces 4.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=facetHeaderUM。我想在dataTable标头中实现透明的background-color和border-color。

使用facetHeaderUm styleClass不起作用。我的p:dataTable标头的默认背景色仍然是红色。

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

最佳答案

根据所使用的primefaces主题,我发现您还必须覆盖background-image属性。

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

    background-image: none !important;
}

关于css - 如何使用JSF Framework在Java中更改dataTable header 的背景颜色?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23510152/

10-12 12:47
查看更多