2023年6月20日发(作者：)

el-pagination改变分页器样式

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

2023年6月20日发(作者：)

el-pagination改变分页器样式

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