修改elementUI中分页器的背景色"el-pagination"
elementUI中分页器设置background时的背景色默认是这样的:
文章图片
然后,我想改成当前选中项是绿色的,其他项是白色的,
文章图片
修改样式如下:
::v-deep {
【修改elementUI中分页器的背景色"el-pagination"】.el-pagination.is-background .el-pagerli:not(.disabled) {
background-color: #fff;
/*进行修改未选中背景和字体 */
color: #fff;
}
.el-pagination.is-background.el-pagerli:not(.disabled).active {
background-color: green;
/*进行修改选中项背景和字体 */
color: #fff;
}
}
如此设置,可以实现我想要的效果;
注意:要放在scope外,新建一个,可适当取消::v-deep
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理