html - Angular Material 文本区域行 css 不起作用

Question

我正在使用 Angular Material 设计，我使用了 Textarea 但高度没有改变是固定的我尝试了很多方法但没有工作我想要

但是，它的大小始终相同。甚至改变 css 而且它只是改变高度，我可以说它不起作用

知道如何更改文本区域的大小吗？

<mat-form-field appearance="outline" class="example-full-width">
      <mat-label>Discription</mat-label>
      <textarea matInput></textarea>
    </mat-form-field>

即使我尝试了这个，但还是出现了同样的问题

<mat-form-field>
  <mat-label>Description</mat-label>
  <textarea matInput formControlName="description" matTextareaAutosize matAutosizeMinRows=1 matAutosizeMaxRows=5></textarea>
</mat-form-field>

此输出我正在获取表单代码

预期输出

Answer 1

您需要添加:

matAutosizeMinRows=5 matAutosizeMaxRows=20

这将设置最小行数和最大行数，同时控制高度。

如果您在编辑问题时尝试了上述操作，并且会得到不同的结果。然后可能另一个 CSS 会覆盖 textarea 高度。检查您的开发工具以找出附加到 textarea 的其他 CSS。