角度材质 mdc：任何原因 mat-mdc-form-field-error-wrapper 在显示之前有 ::：内联块，以便有巨大的填充？

Question

升级到 mdc Angular Material 以便能够从 15 升级到 Angular 17 后，我升级了 Angular Material。有些样式被破坏了。

现在，输入文本和错误之间有一个巨大的填充。 Angular 材质 mdc mat-mdc-form-field-error-wrapper 在显示之前有 ::: inline-block。如果我将 inline-block 替换为 inline，那么它看起来会好得多。

所以，它有

.mat-mdc-form-field-bottom-align::before {
    content: "";
    display: inline-block;
    height: 16px;
}

有什么原因吗？如果我更换会发生什么坏事

display: inline-block;

与

display: inline;

实现我的目标？

Answer 1

从

inline-block

更改为

inline

仅意味着高度属性不会产生任何影响，因此您可以直接调整高度，如果您担心此更改的副作用，请在制作后检查您的应用程序更改，每个人都有自己的意见，但实时验证（验证您的应用程序）最适合这些类型的更改！

.mat-mdc-form-field-bottom-align::before {
    content: "";
    display: inline-block;
    height: 14px !important; //least height where the error moves up!
}

堆栈闪电战