在 mat-select 中垂直居中选项

Question

我想在 mat-select 中垂直居中显示选定的 mat-option。 控件似乎在顶部为标签保留了一些空间。 所以我试图隐藏标签 - 没有成功......

<mat-form-field appearance="fill" [floatLabel]="'never'">

Answer 1

在 mat-form-field 中，在输入字段的顶部为标签保留了一些空间。因此，您在那里看到了一些空间。 要在隐藏标签后删除该空格，您可以借助以下 css 更改输入字段的填充值。

    .mat-form-field-appearance-fill .mat-form-field-infix {
        padding: 0 0 1.5em 0;
    }