Angular Material v17：缺少“MatFormFieldAppearance”中的“遗产”

Question

在 Angular Material v14 中，

MatFormFieldAppearance

提供了值传统、标准、填充和轮廓。

type MatFormFieldAppearance = 'legacy' | 'standard' | 'fill' | 'outline';

但是，在 Angular Material v17 中，它仅提供填充和轮廓。

type MatFormFieldAppearance = 'fill' | 'outline';

我缺少

legacy

并且不明白为什么他们将其删除。那么我怎样才能让我的输入字段看起来像这样呢？

Answer 1

使用这个CSS：

.mdc-text-field--filled, .mat-mdc-text-field-wrapper:hover, .mat-mdc-form-field-focus-overlay {
  background-color: transparent !important
}

我很确定有一个官方方法来处理这个问题。所以虽然它是一个 hack，但它可能会暂时解决这个问题。