Bootstrap：当我对其应用 Bootstrap 样式时，Textarea 的高度会缩小

Question

我有一个 textarea，其高度属性在 CSS 中设置为 100%。它看起来像这样：

当我应用引导程序样式（向其添加“表单控件”类）时，我看起来像这样：

检查元素后。我发现引导程序将其高度值覆盖为“自动”。CSS 看起来像这样：

textarea.form-control{
    height: auto;
}

但即使我将上面代码中的高度更改为

textarea.form-control {
    height:100%
}

它看起来仍然是这样的：

请注意，与原始高度相比，高度仍然缩小了一点。

如何将其高度设置为原始高度（如第一张图片中所示）并仍然对其应用 Bootstrap 样式？

Answer 1

试试这个，希望这对你有用。

textarea.form-control {
    height:100% !important;
}