Mat-options 在 Angular Material 中的其他组件之后显示(自定义主题)

Mat-options are shown after other component in Angular Material (Custom Theme)

源自这个问题: Change style Select Angular Material

我遇到 Angular Material 这个问题,特别是 mat-select 及其 mat-options: mat-options 显示在其他组件之后。

我需要在下面的组件上方(隐藏它)的 place holder 之后显示选项;不是之后也不是之间! 对于这种情况,蓝色矩形应该被绿色矩形隐藏。

这是我的代码:

https://stackblitz.com/edit/angular-ivy-buotqn?file=src%2Fapp%2Fcore%2Fcomponents%2Flayout%2Flayout.component.html

如何在select的place-holder下面和place-holder下面的组件上方显示选项列表?

似乎 material 样式未激活。 添加

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

您的 style.css 应该可以解决您的问题。

这设置了一个默认主题,如果您想构建自己的主题,可以在此处找到文档:https://material.angular.io/guide/theming

您确定导入了@angular/theme吗?

检查这个:Angular Theme