如何自定义<分页-控件>颜色？

Question

我正在使用角分页，我想自定义这个蓝色颜色为另一个，谁能帮我。

​

​

我也尝试过下面的代码，但它对我不起作用。下面是>>>“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;
}

工作示例：斯塔克布利茨