less深层改变element-ui的Pagination组件样式

场景：

在yy论坛实现的过程中，我们需要在底部整一个分页，但是element-ui并没有提供改变样式的参数，直接就是一个background，加上就是显示背景色，不加就是不显示，但是如果我们想要改变颜色该怎么办？

::v-deep

就拿我们分页器举例：

我们先去找到改变哪个样式

然后使用::v-deep深层改变样式，记得加上scoped,否则不生效。

<style lang="less" scoped>
::v-deep {
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #80bd01;
    color: black;
  }
}
</style>

我们来看一下效果：