Html Textarea元素未扩展其宽度的100%

我在学习Angular JS 8的过程中学习了Angular材质库的实现。我发现Textarea元素没有扩展到100%宽度

虽然这是Broswer的问题，但我在Firefox浏览器中也发现了相同的显示

也尝试使用Boxsize，但没有任何效果

mat卡{
宽度：80%；
保证金：自动；
}
文本区{
宽度：100%；
-webkit框大小：边框框；
/*尝试为
mat表单字段提供
宽度：100%
，该字段是
textarea
的父元素

<mat-card>
  <mat-form-field style="width: 100%">
      <textarea matInput rows = '6' [(ngModel)] = "enteredValue"> 
  </textarea>
  </mat-form-field>
   <br>
   <button
  mat-raised-button
  color ="primary"
 (click)="onAddPost()">Save Post</button>
</mat-card>

<p>{{ newPost }}</p>




邮政储蓄
{{newPost}}

尝试为
mat表单字段提供
宽度：100%
，该字段是
textarea
的父元素

<mat-card>
  <mat-form-field style="width: 100%">
      <textarea matInput rows = '6' [(ngModel)] = "enteredValue"> 
  </textarea>
  </mat-form-field>
   <br>
   <button
  mat-raised-button
  color ="primary"
 (click)="onAddPost()">Save Post</button>
</mat-card>

<p>{{ newPost }}</p>




邮政储蓄
{{newPost}}

根据您的示例，使用mat form字段的样式而不是文本区域

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

如果有多个表单字段，我更愿意使用样式
display:flex；flex-direction:column；
；来包装

<mat-card>
  <section class="form-container">
    <mat-form-field>
      <textarea matInput rows='6' [(ngModel)]="enteredValue"></textarea>
    </mat-form-field>
  </section>
</mat-card>

.form-container{
  display: flex;
  flex-direction: column;
}


.表格容器{
显示器：flex；
弯曲方向：立柱；
}
根据您的示例，使用mat form字段的样式而不是文本区域

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

如果有多个表单字段，我更愿意使用样式
display:flex；flex-direction:column；
；来包装

<mat-card>
  <section class="form-container">
    <mat-form-field>
      <textarea matInput rows='6' [(ngModel)]="enteredValue"></textarea>
    </mat-form-field>
  </section>
</mat-card>

.form-container{
  display: flex;
  flex-direction: column;
}


.表格容器{
显示器：flex；
弯曲方向：立柱；
}
使用浏览器开发工具开始，找出您尝试设置文本区域样式的行为是否被更具体的规则覆盖。创建了您的cod的代码片段。请告诉s哪里出错使用浏览器开发工具开始，找出您尝试设置文本区域样式的行为是否被更具体的规则覆盖rule.为您的cod创建了一个代码段。请告诉s出了什么问题。它很好地使用了角材料表单字段Dar Uday，当有多个字段时，包装器将起什么作用？嘿，Robin，这里可能不需要包装器。但是我们倾向于使用，如果由包装器设置样式，表单字段对齐可以移动到ar无论它是内部的还是引用的，都很容易找到。它很好地利用了角材质表单字段Dar Uday，当有多个字段时，包装器的作用是什么？嘿Robin，这里可能不需要包装器。但是我们倾向于使用，并且如果由它的包装器设置样式，表单字段对齐可以很容易地移动，无论它是内部的还是外部的R