删除垫选择的下拉箭头

Question

有办法去掉mat-select的箭头吗？

我需要删除它以使我的选项与标签居中：

Answer 1

只需添加

.mat-select-arrow {
    border: none;
   
}

到组件样式表或 Angular 应用程序的 styles.scss。 注意，这将删除垫选择中的每个箭头。 如果您想删除几个箭头，只需将一个类添加到

mat-form-field

并将您的类嵌套在 scss 文件中。
你可以在这里找到一个例子stackblitz

Answer 2

如果您想删除它及其占用的空间，请尝试：

::ng-deep.mat-select-arrow {
  display: none;
}

Answer 3

对我来说，解决方案是：

::ng-deep mat-select::after {
    display: none;
}

Answer 4

::ng-deep .mat-mdc-select-arrow {
display: none;
}

这对我有用:)