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

Primefaces数据表更改分页模板颜色,primefaces,datatable,pagination,Primefaces,Datatable,Pagination,嗨,我是素数面新手,我在这里试图实现的是对素数面数据表的完全修改 代码: 如果标题和行是灰色的,我可以更改颜色,但是paginatorTemplate的选项(如{PageLinks})仍然是灰色按钮 我想更改灰色,有什么建议吗?请尝试以下代码: <style type="text/css"> .ui-paginator-page{ background-color:gray !important; } .ui-pag

嗨,我是素数面新手,我在这里试图实现的是对素数面数据表的完全修改

代码:

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


我想更改灰色,有什么建议吗?

请尝试以下代码:

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

.ui分页器页{
背景色:灰色!重要;
}
.ui分页器{//用于导航栏
背景色:灰色!重要;
}

您可以使用浏览器的
检查元素
获取组件的css和元素的css,然后覆盖它们以获得所需内容。

谢谢。这很好,但是: 见:


谢谢但是.ui分页器页面只更改按钮,例如:1、2。。下拉列表和页面链接保持不变。但是看到什么了吗?这是答案吗?它有什么作用?许多primeface主题都有背景图片。我只是想起来了。很抱歉
#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;

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