.paginationBox {
width: 556px;
overflow: auto;
margin: 0px 20px 0px 10px;
.xt-pagination {
padding-right: 18px;
}
&::-webkit-scrollbar { //改变滚动条样式
width: 8px;
height: 10px;
}
&::-webkit-scrollbar-track { //改变滚动条样式
background: none;
}
&::-webkit-scrollbar-thumb { //改变滚动条样式
border-radius: 10px;
background-color: #3251A8;
}
//分页器样式
/deep/ .el-pagination__total {
color: #F5FAFF; //共1000条,total
}
/deep/ .el-pagination__jump {
color: #F5FAFF; //前往()页
}
/deep/ .el-input__inner {
background-color: #02268a; //分页条数选择背景,前往()页jump背景
border: 1px solid #02268a; //边框
color: #3DC1AF; //文字颜色
}
/deep/ .btn-prev { //上一页按钮
background-color: #cfe31f00;
color: #3DC1AF;
font-size: 14px;
}
/deep/ .btn-next { //下一页按钮
background-color: #cfe31f00;
color: #3DC1AF;
font-size: 14px;
}
/deep/ .el-pager li { //按钮列表
background-color: rgba(255, 255, 255, 0);
color: #fff;
}
/deep/ .el-pager li:hover { //按钮列表 hover
background-color: rgba(255, 0, 0, 0);
color: #409EFF;
}
/deep/ .el-pager li:not(.disabled).active { //按钮列表 active
background-color: #409EFF;
color: #fff;
}
}
el-pagination改变分页器样式
最新推荐文章于 2024-05-27 15:03:45 发布