自定义角度材料中的垫选择

时间:2020-11-06 09:41:11

标签: angular angular-material

我有这个垫子选择,应该像这样:

enter image description here

所以我需要的是自定义mat-select以具有此箭头。请帮助谢谢

1 个答案:

答案 0 :(得分:1)

您可以使用::ng-deep覆盖CSS类的样式。 使用开发工具找出在材料选择组件中使用了哪些类,并根据需要覆盖它们。另外,最好的做法是将:host::ng-deep结合使用,以避免这些样式对任何父组件产生影响。

请参见https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep

示例:

:host ::ng-deep {
   .class-name-here {
       background-color: grey;
   }
}