修改elementUI中分页器的背景色”el-pagination”

elementUI中分页器设置background时的背景色默认是这样的：

然后，我想改成当前选中项是绿色的，其他项是白色的，

修改样式如下：

::v-deep {

  .el-pagination.is-background .el-pagerli:not(.disabled) {

    background-color: #fff; /*进行修改未选中背景和字体 */

    color: #fff;

  }

  .el-pagination.is-background.el-pagerli:not(.disabled).active {

    background-color: green; /*进行修改选中项背景和字体 */

    color: #fff;

  }

}

如此设置，可以实现我想要的效果；
注意：要放在scope外，新建一个<style></style>，可适当撤销::v-deep