Angular - 使用 Mat Paginator，如何删除页面按钮上的背景颜色？答案

【问题标题】：Angular - Using Mat Paginator, how can I remove the background color on page buttons?Angular - 使用 Mat Paginator，如何删除页面按钮上的背景颜色？
【发布时间】：2021-10-23 23:27:47
【问题描述】：

代码示例

<mat-paginator style-paginator showFirstLastButtons [showTotalPages]="3" [refreshButtons]="dataSource.data.length" [length]="dataSource.data.length" [pageSizeOptions]="[15, 30, 45, 60]">
                    </mat-paginator>

预览示例

我想要的是去除按钮周围的灰色背景？我认为它可以通过::ng-deep 以某种方式完成，但不确定。

谢谢您，我们非常感谢您的帮助。

【问题讨论】：

标签： css angular pagination angular-material

【解决方案1】：

尝试在你的 css/scss 中使用这种风格。

::ng-deep .mat-paginator .mat-icon-button{
   background-color: unset;
}

您还可以将背景颜色设置为您想要的颜色（即背景颜色）

【讨论】：