0

源自这个问题: 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

如何在选择的占位符下方和下方的组件上方显示选项列表?

4

2 回答 2

1

似乎材料样式不活跃。添加

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

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

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

于 2022-01-18T14:50:07.513 回答
1

你确定你导入了@angular/theme?

检查这个:角度主题

于 2022-01-18T14:51:03.377 回答