[Vuejs]-How to change background color of el-pagination

0👍

You should be able to do this simply with css, e.g. by using the below:

.el-pagination .number,
.el-pagination button:disabled,
.el-pagination .btn-next {
  background:transparent;
}

If you’re using scoped css in your components, you might have to use v-deep to apply the css from it to the child component: https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors

0👍

If what you mean is to override the original color, you can try adding this line in your css file:

.el-pager li {
    background: transparent !important;
}

or inside your style tag.

Leave a comment