vue3elmentplus中的Pagination分页按钮如何修改背景颜色

要修改 vue3elmentplus 中的 Pagination 分页按钮的背景颜色，你可以使用 `background-color` 这个 CSS 属性来设置它们的背景颜色。具体步骤如下：

1. 在 Pagination 组件中，使用 `slot-scope` 来访问分页按钮的元素，可以使用 `slot` 属性来定义分页按钮的样式，如下：

<el-pagination
  class="pagination"
  :current-page="currentPage"
  :page-size="pageSize"
  :total="total"
  layout="prev, pager, next"
  :hide-on-single-page="true"
>
  <template #pager="{ current, pages }">
    <div v-for="page in pages" :key="page" class="page-item" :class="{ active: page === current }">
      <a @click="handlePageChange(page)">{{ page }}</a>
    </div>
  </template>
</el-pagination>

2. 在 CSS 样式中，通过 `.page-item a` 选择器来设置分页按钮的背景颜色，如下：

.pagination .page-item a {
  background-color: #336699;
  color: #fff;
  border-radius: 2px;
  padding: 5px 10px;
}

这样就可以设置分页按钮的背景颜色为 #336699。你可以根据需要自定义样式。