如何更改 angular-material 8 中 `.mat-form-field-infix` 的 class 的默认宽度 (180px) css？

Question

我正在使用 angular-material 8，我需要减小 .mat-form-field-infix 的默认宽度 (180px)，但无法更改 css ？

这是 .mat-form-field-infix 的默认大小：default-size field

我需要这样的文件，与正文一模一样。I need exact like this

stackblitz 示例参考 link，我需要减小 select 字段宽度的大小。

我该怎么做才能改变，谁能帮帮我？

Answer 1

在style.css中添加

.mat-form-field-infix {
 width: 100px !important;
}

stacblitz demo

Answer 2

既然可以更轻松地控制 mat-form-field 上的宽度，为什么还需要专门设置 .mat-form-field-infix 宽度？:

mat-form-field {
    width: 100px;
}