vue修改el-pagination被选中背景颜色

一般我们正常的属性会写在scope里，我们不想直接粗暴地把scope去掉影响全局，这个时候再写一个不带scope的style，把我们要覆盖的样式放进去，就可以了，一般设置一下active的背景颜色，以及hover时候的字体颜色。如下：

<style>
.el-pagination.is-background.el-pager li:not(.disabled){
    background-color:#fff;/*进行修改未选中背景和字体*/
    color:#fff;
}

.el-pagination.is-background.el-pager li:not(.disabled).active{
  background-color:green;/*进行修改选中项背景和字体*/
  color:#fff;
}

.el-pagination.is-background .el-pager li:hover{
   color: #8bc34a !important;/*hover时候的文字颜色*/
 }
 .el-pager li.active{
   color:green !important;/*仅设置active时的文字颜色*/
 }
</style>