如何区分垫选择样式和垫分页器垫选择样式？

Question

我正在创建angular 7 Web应用程序，并使用一个mat-select下拉列表和一个mat-paginator。现在我隐藏了垫子选择向下箭头。

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