Primefaces数据表更改paginationtemplate颜色

Question

嗨，我是主要面孔的新手，我想在这里实现的是对primefaces数据表的完全修改。

代码：

<p:dataTable id="dataTable" var="c" value="#{databaseSearch.customerList}"  
                                 paginator="true" rows="10"
                                 paginatorTemplate="Page {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}  Rows per page {RowsPerPageDropdown}"  
                                 rowsPerPageTemplate="5,10,15,30">  

CSS代码：

#dataTable th {
    background: black;
    color: white;
    font-family: Verdana, Arial, sans-serif;
    font-size: small;

}
#dataTable td {
    background: maroon;
    color: white;
    font-family: Verdana, Arial, sans-serif;
    font-size: small;

}

我可以更改颜色，如果标题和行，但paginatorTemplate的选项，如{PageLinks}仍然是灰色按钮

我想改变那种灰色，有什么建议吗？

Answer 1

您尝试以下代码：

    <style type="text/css">
      .ui-paginator-page{
        background-color:gray !important;   
      }
      .ui-paginator{ // for navigation bar
          background-color:gray !important;   
      }
    </style>

您可以使用Inspect element浏览器来获取组件的css和元素的css，然后覆盖它们以获得您想要的内容。

Answer 2

感谢的。它工作正常，但是： 参见：

.ui-paginator, th {
   background-color: white !important;
   background-image: none !important;
}