如何自定义<pagination-controls>颜色？

Question

我正在使用 angular 分页，我想将此 blue 颜色自定义为 另一种 , 谁能帮帮我。

我也试过下面的代码，但对我不起作用。下面一个来自这个 link >>> " https://www.npmjs.com/package/ngx-pagination"

  // head
<style>
  .my-pagination /deep/ .ngx-pagination .current {
    background: red;
  }
</style>

// body
<pagination-controls class="my-pagination"><pagination-controls>

Answer 1

您可以尝试为以下选择器指定颜色

::ng-deep ul > li:not(.active) > a {
  background-color: red !important;
  border-color: black !important;
}

::ng-deep ul > li.disabled > span {
  background-color: brown !important;
  border-color: black !important;
}

::ng-deep ul > li.active > a {
  background-color: green !important;
  border-color: red !important;
}

工作示例：Stackblitz

如何自定义<pagination-controls>颜色？

How to customize <pagination-controls> color?

customization

pagination

colors

angular