html - Angular Material textarea行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。