elementUI分页修改背景颜色和滑过颜色

官网给的颜色长这样

 

 

 但是我们要按设计图要，长这样

 

 

 接下来就是我们发挥的时候了

首先改他们框架的颜色，style里面不能加scoped ，最好前面加上外面盒子的class名字，要不容易影响其他页面的效果

<style lang="scss">
　　　//修改鼠标滑过的颜色
    .el-pagination.is-background .el-pager li:hover {
    　　color: #389a99;
    }
    .el-pagination.is-background .el-pager li:not(.disabled):hover {
    　　color: #389a99;
    }
    .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    　　background-color: #389a99;
    }
    .el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #389a99;   // 进行修改背景
    }
</style>