Как изменить цвет фона для paginator в angular-6-datatable

Question

Так что я использую angular-6-datatable (https://www.npmjs.com/package/angular-6-datatable) в своем проекте. Но я не могу изменить цвет фона пагинатора. Это выглядит так:

Я пробовал встроенное моделирование даже с! Важным, но оно все равно не изменится.

Что мне здесь не хватает?

Answer 1

Если вы просто хотите установить цвет на странице 1, вам просто нужно назначить динамический класс.

<div class="pagination" [ngClass]={'active':pageIndex == 1}>
    <!-- pagination stuff hear...  -->
</div>

В файле .ts

pageIndex : any = '1';  // You have to update this when pagination value update , This way : pageIndex ++;

В файле scss

:host ::ng-deep .pagination .active{
    background:red;
}

Answer 2

добавьте ваш paginator css внутрь :host /deep/, как показано ниже:

:host /deep/ {
 /*paginator style goes here*/
}

или

::ng-deep {
 /*paginator style goes here*/
}