修改el-pagination选择页数的样式

如果你使用的是 Element-UI 的 el-pagination 组件，你可以通过修改其 `slot` 属性中的 `pager` 插槽来自定义选择页数的样式。

例如，你可以在 `pager` 插槽中增加一个自定义的 `select` 元素来让用户选择页数：

<el-pagination
  :current-page="currentPage"
  :page-size="pageSize"
  :total="total"
  layout="prev, pager, next"
>
  <template #pager>
    <div class="my-pager">
      <span class="my-pager-item">共 {{ pageCount }} 页</span>
      <select class="my-pager-item" v-model="currentPage" @change="handlePageChange">
        <option v-for="page in pageCount" :key="page" :value="page">{{ page }}</option>
      </select>
    </div>
  </template>
</el-pagination>

然后在 CSS 中定义 `.my-pager` 和 `.my-pager-item` 的样式即可。例如：

.my-pager {
  display: flex;
  align-items: center;
}

.my-pager-item {
  margin-right: 10px;
  padding: 5px;
  font-size: 14px;
  color: #666;
  background-color: #f5f5f5;
  border-radius: 3px;
}

.my-pager-item:last-child {
  margin-right: 0;
}

.my-pager select {
  font-size: 14px;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
}

这样就可以自定义 el-pagination 组件选择页数的样式了。