Search code examples
cssangularngx-pagination

Ngx-Pagination change default blue color to other color

I am using ngx-pagination in Angular 16 application and I want to customize the default blue color into another , Can anyone help me.

enter image description here

Html code:

<div>
  <pagination-controls></pagination-controls>                       
</div>

CSS

.ngx-pagination .current{
  color: #ffffff !important;
  background-color: red !important;
}

Tried with above and similar css, it do not works.

Any help will be appreciated.

Solution

  • It worked after below changes.

    HTML

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

    CSS

    .my-pagination ::ng-deep .ngx-pagination .current {
    background: red;
  }