primefaces - Primefaces 数据表更改分页模板颜色

Question

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

代码：

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