vue-element更改分页样式(颜色)

默认样式：

 

更改颜色为：

 

css:

/*带背景的分页按钮背景色begin*/
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #08C0B9;
  color: #FFF;
}
.el-pagination.is-background .el-pager li.active {
  color: #fff;
  cursor: default;
}
.el-pagination.is-background .el-pager li:hover {
  color: #08C0B9;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #08C0B9;
}
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
  background-color: #08C0B9;
  color: #FFF;
}
/*带背景的分页按钮背景色end*/


/*不带背景的分页按钮背景色begin*/
.el-pager li.active {
  color: #08C0B9;
  cursor: default;
}
.el-pagination .el-pager li:hover {
  color: #08C0B9;
}
.el-pagination .el-pager li:not(.disabled):hover {
  color: #08C0B9;
}
/*不带背景的分页按钮背景色end*/