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

【问题标题】：How to customize <pagination-controls> color?如何自定义 <pagination-controls> 颜色？
【发布时间】：2020-06-01 17:54:29
【问题描述】：

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

我也尝试过下面的代码，但它对我不起作用。以下链接来自此链接>>>“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>

【问题讨论】：

标签： angular colors pagination customization

【解决方案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

【讨论】：