修改elementui中分页组件el-pagination的样式

工作中用到了elementui组件库中的分页组件el-pagination，但是组件是默认有白色的背景色的，在有背景的页面上就显得很突兀，虽然以前工作中遇到一直修改，但还是为了方便直接百度，大概试了七八个css的代码片段，没有一个能用的，都没有效果，于是决定自己写，打开检查元素…
如下，直接用

// page-sizes选择器
::v-deep .el-select-dropdown__item li{
  background-color:transparent !important;
}
// prev和next箭头的样式
::v-deep .el-pagination .btn-next,
::v-deep .el-pagination .btn-prev{
  background:transparent !important;
  background-color:transparent !important;
}
// prev和next箭头disabled的样式
::v-deep .el-pagination button:disabled {
  background-color:transparent !important;
}
// 页码样式
::v-deep .el-pager li{
  background-color:transparent !important;
}
// active的页码样式
::v-deep .el-pager li.active{
  color: #267aff !important;
}

效果：