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

Question

我正在使用 angular-material 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;
}