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

我正在创建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中下拉箭头。

最佳答案

您可以添加以下css定义。

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

关于css - 如何区分垫选择样式和垫分页器垫选择样式？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59192778/