在使用 Angular Material mat-form-field 时,可能会发现它会修改工具栏的样式,包括字体大小、位置等方面。如果想要保留原来的样式,可以在 CSS 中添加以下代码片段:
.mat-form-field-appearance-outline .mat-form-field-flex { display: flex; flex-direction: row; align-items: center; }
这段代码将仅对具有 appearance="outline" 属性的 mat-form-field 生效,并且它会将其 flex 属性设置为 row,以保持工具栏的原始样式。具体使用方法如下所示: