<mat-form-field>标记限制了表单的宽度，并且与容器的宽度不匹配

Question

我正在使用Angular编辑表单，但是效果不佳。当我使用Chrome开发工具进行调试时，我发现mat-form-field限制了输入区域的宽度，并且我没有放置任何CSS代码来指定宽度。

form和p标签的宽度：460，mat-form-field的宽度：180。除了容器部分，我没有在代码中添加任何样式。

PMyRec

我想将mat-form-field宽度与表单宽度相匹配，从180到460。我该怎么做？

Answer 1

将width: 100%应用于mat-form-field元素；这将使其与父级的宽度匹配。您可能需要对包含元素的样式进行一些调整才能获得所需的确切外观。