el-paganation css样式修改示例

<div class="pagination-container">
   <el-pagination
       background
       :total="total"
       :page-size="pageSize"
       :current-page="currentPage"
       :page-sizes="pageSizes"
       layout="prev, pager, next, sizes, jumper">
   </el-pagination>
 </div>

.pagination-container.is-background .el-pager li {
  /* 对页数的样式进行修改 */
  background-color: #fff;
  color: #333;
}
.pagination-container.is-background .btn-next {
  /* 对下一页的按钮样式进行修改 */
  background-color: #fff;
  border: 1px solid #b3bfce;
  border-radius: 2px;
  color: #b3bfce;
}
.pagination-container.is-background .btn-prev {
  /* 对上一页的按钮样式进行修改 */
  background-color: #fff;
  border: 1px solid #b3bfce;
  border-radius: 2px;
  color: #b3bfce;
}
.pagination-container.is-background .el-pager li:not(.disabled).active {
  /* 当前选中页数的样式进行修改 */
  background-color: #0062ff;
  color: #fff;
}