需要從角墊分頁器上刪除或自定義分頁箭頭

Question

由於我需要自定義設計，因此實際上我需要刪除存在於角墊分頁器上的箭頭。 如果可以更改這些箭頭的樣式，也可以解決。 到mat-paginator的鏈接在下面。

https://material.angular.io/components/paginator/overview

下圖顯示了我需要刪除的箭頭。

提前致謝。

Answer 1

請嘗試以下CSS代碼。

  .mat-paginator-navigation-previous {
        display: none !important;
    }

.mat-paginator-navigation-next {
            display: none !important;
        }

（要么）

  .mat-paginator-navigation-previous {
       opacity: 0 !important;
       width: 0;
       height: 0;
   }

   .mat-paginator-navigation-next {
      opacity: 0 !important;
      width: 0;
      height: 0;
    }

Answer 2

您可以覆蓋CSS類mat-paginator-icon

例如：

/deep/ .mat-icon-buton{
  background-color: yellow;
}

在覆蓋任何材料類之前，請不要忘記附加/deep/ 。

演示在這里https://stackblitz.com/edit/angular-material-pagination-123456

注意：最好是通過材質主題https://material.angular.io/guide/theming覆蓋CSS。