Mat-select 正在全屏打开

Question

我们正在开发一个 Angular 13 应用程序，目前正在实施一种材料形式。 从示例中，我们正在实施：-

<mat-form-field>
        <mat-label>State</mat-label>
        <mat-select>
            <mat-option>New York</mat-option>
            <mat-option>Washington</mat-option>
            <mat-option>Florida</mat-option>
        </mat-select>
    </mat-form-field>

正确呈现

但是，单击下拉菜单时，选项会全屏显示，并且无法查看项目。我们看不到任何会影响这一点的自定义 CSS，现在正在努力查看问题可能是什么......

Answer 1

有点晚了，但我解决了， 您必须设置应用程序的主题。 就我而言，我在src/assets/styles/mytheme.scss 中设置了一个自定义主题。

但是您可以使用默认主题，它应该可以工作。