修改elementUi中分页el-pagination的样式

要修改Element UI中el-pagination组件的样式，可以通过CSS覆盖默认样式。以下是一个简单的例子，展示如何修改Element UI分页组件的背景颜色和字体颜色。

首先，在你的Vue项目中的组件的<style>标签或者单独的CSS文件中添加自定义样式：

/* 覆盖分页组件的背景颜色 */
.pagination-background .el-pager li {
  background-color: #f2f2f2; /* 你想要的背景颜色 */
}
 
/* 覆盖分页组件的字体颜色 */
.pagination-background .el-pager li a {
  color: #666; /* 你想要的字体颜色 */
}

然后，在使用el-pagination的组件上，添加一个类名来应用这个样式：

<el-pagination
  class="pagination-background"
  @size-change="handleSizeChange"
  @current-change="handleCurrentChange"
  :current-page="currentPage"
  :page-sizes="[100, 200, 300, 400]"
  :page-size="100"
  layout="total, sizes, prev, pager, next, jumper"
  :total="400">
</el-pagination>

在这个例子中，.pagination-background类被添加到el-pagination组件上，这个类在CSS中定义了自定义的样式。你可以根据需要修改这些样式，比如边框、边距、字体大小等。