样式效果
页面代码
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="page.page"
:page-sizes="[10, 20, 30, 40]"
:page-size="page.size"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total">
</el-pagination>
CSS样式
<style>
.el-pagination,.el-pagination__total,.el-pagination__jump,.el-pager li.btn-quicknext,.el-select-dropdown__item{
color: #fff !important;
}
.el-pagination .btn-next, .el-pagination .btn-prev{
background: center center no-repeat rgba(0,0,0,.3) !important;
color: #fff !important;
}
.el-pager li{
background: rgba(0,0,0,.3) !important;
}
.el-input__inner{
color: #fff !important;
border: 1px solid #0095F4 !important;
background-color: rgba(0,0,0,.3) !important
}
.el-select-dropdown{
border: 1px solid #0095F4 !important;
background: rgba(0,0,0,.3) !important
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
background: #0095F4 !important
}
</style>