Необходимо убрать или настроить нумерацию стрелок из углового коврика-пагинатора

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

Примечание: лучше было бы переписать CSS по теме материала https://material.angular.io/guide/theming.