javascript - 自动调整文本区域大小

Question

我有一个自动调整大小的文本区域，但现在它忽略了我的文本区域高度的 css，我找不到绕过它的方法。它不会忽略任何其他 css，只是高度属性。

HTML

   <textarea id="test" class="text2" name="lgyesterday" onkeyup="resizeTextarea('test');" data-resizable="true"> </textarea>

CSS

.text2{
    margin:10px;
    float:left;
    width:47%;
    font-family:sans-serif, "arial helvetica";
        font-size: 15px;
        height: 80px;
}

我只是想知道是否有人知道如何设置文本区域的高度？

Answer 1

删除这个:

onkeyup="resizeTextarea('test');"

这很可能是使用内联样式调整区域大小的原因，它会覆盖您的 CSS。您还可以通过添加 !important 来覆盖内联样式:

height: 80px!important;

编辑

如果你想防止 if 变得更低，试试 min-height:

min-height: 80px;