html - 需要从 Angular 垫分页器中删除或自定义分页箭头

Question

我实际上需要删除 angular mat-paginator 上的箭头，因为我需要自定义设计。如果可以更改这些箭头的样式，也可以解决。 mat-paginator 的链接如下。

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

The arrows which i need to remove are shown in following picture.

提前致谢。

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;
    }