时间戳

首页 > 解决方案 > 角度材料textarea行css不起作用

html - 角度材料textarea行css不起作用

问题描述

我正在使用角度材料设计，我使用了 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>

这个输出我得到表单代码

演示

预期产出

在此处输入图像描述

标签： htmlcssangularangular-material

解决方案

您需要添加：

matAutosizeMinRows=5 matAutosizeMaxRows=20

这将设置控制高度的最小行数和最大行数。

如果您在编辑问题时尝试了上述方法，则会得到不同的结果。然后可能另一个 CSS 会覆盖textarea高度。检查您的开发人员工具以找出附加到textarea.

推荐阅读