如何更改el-pagination的背景颜色

Question

我在深色页面使用el-pagination，我想把它的背景颜色改成透明。

当我不使用'background'的道具时，el-pagination的背景颜色是白色。

看起来像这样： https://i.loli.net/2019/08/26/YnjtfmglONRBiCM.png（抱歉我无法添加图片）

我的代码：

<el-pagination
        v-if="isPaging"
        @size-change="handleSizeChange"
        @current-change="handlePageChange"
        :current-page="currentPage"
        :page-sizes="pageSizes"
        :page-size="pageSize"
        :total="totalSize"
        layout="total, sizes, prev, pager, next, jumper"
        class="col-12 d-flex justify-content-end flex-wrap">
</el-pagination>

如何将背景颜色更改为透明

Answer 1

您应该可以使用 css 轻松完成此操作，例如通过使用以下：

.el-pagination .number,
.el-pagination button:disabled,
.el-pagination .btn-next {
  background:transparent;
}

如果您在组件中使用范围 css，您可能必须使用 v-deep 将 css 从它应用到子组件：https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors

Answer 2

如果您的意思是覆盖原始颜色，您可以尝试在 css 文件中添加此行：

.el-pager li {
    background: transparent !important;
}

或在您的 style 标签内。

如何更改el-pagination的背景颜色

How to change background color of el-pagination

javascript

element

vue.js