html - Bootstrap : Textarea height shrinked when I apply Bootstrap style to it

Question

我有一个文本区域，其高度属性在 CSS 中设置为 100%。它看起来像这样:

当我应用 Bootstrap 样式(向其添加“form-control”类)时，我看起来像这样:

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

textarea.form-control{
    height: auto;
}

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

textarea.form-control {
    height:100%
}

它仍然看起来像这样:

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

我怎样才能将它的高度设置为原来的高度(如第一张图片所示)并仍然对其应用 Bootstrap 样式？

Answer 1

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

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