css - 如何区分 mat-select 样式和 mat-paginator mat-select 样式？

Question

我正在创建 angular 7 网络应用程序，并使用一个 mat-select 下拉菜单和一个 mat-paginator。现在我隐藏 mat-select 向下箭头。

Here is the mat-select docs.

//hide down arrow
::ng-deep .mat-select-arrow {
width: 0;
height: 0;
border-left: 0px solid transparent; 
border-right: 0px solid transparent;
border-top: 5px solid;
margin: 0 4px;
}

在 mat-paginator 出现该问题后，paginator 下拉箭头不出现。如何区分这两个下拉菜单。

我想在 mat-paginator 中使用下拉箭头。

Answer 1

您可以添加以下 css 定义。

:host ::ng-deep.mat-paginator .mat-select-arrow {
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}