样式效果

页面代码

<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>