修改elementUI分页背景颜色

 ***注:在vue中不要在scoped的style里面设置，需要再写一个不包含任何scoped或css预处理

的<style></style>中编写

<div class="article-pager">
        <!--引入elementui的分页组件，前端实现的分页-->
        <el-pagination
            background
            layout="prev, pager, next"
            :total="articlePager.total"
            :page-size="articlePager.size"
            @current-change="handleCurrentChange"
            :pager-count="15">
        </el-pagination>
</div>

<!-- 修改分页背景色 -->
<style>
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #55499c;
    color: #fff;
  }
</style>

 大家都知道element-ui分页的原背景色是什么，我就不放原来的了，直接给大家上成品

这里给大家把elemtent-ui库也安排一下啦 

 element-ui分页官网

 感谢支持！！！