Question

我有以下HTML代码：

<textarea type="text" class="dlk_q" rows="2" cols="98%" name="q[]">

在具有其他样式表的页面中，但是我在HTML的文本区域之前添加了此CSS：

textarea, .dlk_q {
    width: 98%;
    height: 50px !important;
}

但是textarea的高度似乎远大于50（即高度被忽略）我该怎么办？

Answer 1

如果还有height具有更大的价值，则选项min-height将被忽略，因为这是它的初衷。

文档：https://www.w3schools.com/cssref/pr_dim_min-height.asp

根据您在注释中提供的演示，您在CSS中有以下代码段：

textarea {
  font-size: 12px;
  line-height: 21px;
  color: #444;
  border: 1px solid #e1e1e1;
  width: 100%;
  max-width: 100%;
  height: 168px;
  min-height: 168px; // HERE
  padding: 6px 9px;
}

就像您看到的那样，有min-height: 168px;。

您所要做的就是删除它，或者由于某种原因而无法执行此操作，则将其覆盖。

textarea, .dlk_q {
  width: 98%;
  height: 50px !important;
  min-height: 0 !important; // ADD THIS
}

Answer 2

由于存在min-heigth设置，因此我将其重置为：

textarea {
    min-height:initial; /* resets the value set by theme */
}

Textarea高度被CSS忽略

2 个答案: