element分页组件修改样式

修改element分页组件的样式

这里使用穿透修改
格式：
外层 >>> 第三方组件 {
样式
}
Scss格式：
/deep/ 第三方组件 {
样式
}

/* 组件样式 */
.fenye >>> .el-pager li {
  background-color: #161836;
  color: #85899c;
  border: 1px solid #85899c;
  border-radius: 6px;
}
/* 分页激活样式 */
.fenye  >>> .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #026cd2;
  color: #ffffff;
  border: 1px solid #026cd2;
  border-radius: 6px;
}
/* 禁止状态按钮的样式 */
.fenye  >>>.el-pagination.is-background .btn-prev:disabled{
  color: red;
}
.fenye >>>.el-pagination.is-background .btn-next:disabled{
  color: red;
}
/* hover样式 */
.fenye  >>> .el-pagination.is-background .el-pager li:not(.disabled):hover{
  color: red;
}

效果：