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