效果演示:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a7c7f19f0497cb07b734e194ae052d5c.png)
具体的实现思路:
.el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #277f7b;
color: #fff;
}
.el-pagination.is-background .el-pager li.active {
color: #fff;
cursor: default;
}
.el-pagination.is-background .el-pager li:hover {
color: #277f7b;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
color: #277f7b;
}
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
background-color: #277f7b;
color: #fff;
}
.el-pager li.active {
color: #277f7b;
cursor: default;
}
.el-pagination .el-pager li:hover {
color: #277f7b;
}
.el-pagination .el-pager li:not(.disabled):hover {
color: #277f7b;
}