Discussion :

[Zebulon777]

Bonjour à tous.

J'essaye désespérément de modifier le composant pagination de bootstrap, sans succès.

Je voudrai que le focus ne soit plus bleu, mais orange, et ça ne fonctionne pas.

Est-ce que quelqu'un peux m'aider, svp ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
...
      <div class="d-flex paging" >
        <span tabindex="0" class="btn-orange-fli">
        <pagination class="my-pagination" [totalItems]="nbFlights" [(ngModel)]="currentPage" [itemsPerPage]="pageSize" [maxSize]="4"
          [rotate]="false" [boundaryLinks]="true" previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;"
          lastText="&raquo;">
        </pagination>
      </span>
      </div>
...

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
...
.paging {
  justify-content: center;
  font-size: 0.8rem;
  height: 30px;
}
 
.my-pagination::ng-deep .page-item.active .page-link {
  outline-color: orange;
  outline-style: solid;
  outline-width: 1px;
}
...