element 分页器修改颜色

以下记录是个人开发过程中遇到的问题：

分页器修改颜色:

效果

 /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #FC6602;
    color: #FFF;
  }
  /deep/.el-pagination.is-background .el-pager li.active {
    color: #fff;
    cursor: default;
  }
  /deep/.el-pagination.is-background .el-pager li:hover {
    color: #FC6602;
  }
  /deep/.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #FC6602;
  }
  /deep/.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    background-color: #FC6602;
    color: #FFF;
  }

全局分页器样式修改:

全局分页器样式

/*全局分页器样式修改*/
  .el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #fc6602;
    color: #fff;
  }
  .el-pagination.is-background .el-pager li.active {
    color: #fff;
    cursor: default;
  }
  .el-pagination.is-background .el-pager li:hover {
    color: #fc6602;
  }
  .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #fc6602;
  }
  .el-pagination.is-background
  .el-pager
  li:not(.disabled).active:hover {
    background-color: #fc6602;
    color: #fff;
  }
  .el-select-dropdown__item.selected {
    color: #fc6602 !important;
  }
  .el-select .el-input.is-focus .el-input__inner {
    border-color: #fc6602 !important;
  }
  .el-pagination .el-select .el-input .el-input__inner:hover {
    border-color: #fc6602 !important;
  }
  .el-input.is-active .el-input__inner,
  .el-input__inner:focus {
    border-color: #fc6602 !important;
  }