修改elementUI中分页器的背景色"el-pagination"

elementUI中分页器设置background时的背景色默认是这样的:

然后,我想改成当前选中项是绿色的,其他项是白色的,

修改样式如下:


::v-deep {

  .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外,新建一个<style></style>,可适当取消::v-deep

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容