如何更改角材料8中的.mat-form-field-infix`类的默认宽度（180px）css？

Question

我正在使用角度材料8，我需要减小.mat-form-field-infix的默认宽度（180像素），但是无法更改该CSS？

默认情况下，这是.mat-form-field-infix：default-size field

的大小

我需要这样的文本。I need exact like this

stackblitz示例参考链接，我需要减小选择字段宽度的大小。

我该如何进行更改，有人可以帮助我吗？

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;
}