element-ui自定义分页器样式

修改选中页的背景高亮色

.roster /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #dd1f24 !important;
}

设置当前选中的“xx条/页”的样式，是点击以后弹出来的框里的

/* 还必须设置在全局样式表中 */
li.el-select-dropdown__item.selected{
    color: red!important;
}

设置左右翻页箭头鼠标移上的样式

.el-pagination button:hover {
    color: #18ab8f;
}

设置当前页码的样式，及鼠标移上其他页码时的样式

.el-pager li.active,.el-pager li:hover{
 color: #18ab8f;
}

设置xx条/页的框的颜色

.el-select .el-input.is-focus .el-input__inner,
.el-pagination__sizes .el-input .el-input__inner:hover,
.el-select .el-input__inner:focus {
    border-color: #18ab8f;
}

目前就总结了这么多，欢迎大家补充·····························