修改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;
}
效果: