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;
}

我只是想知道是否有人知道如何设置textarea的高度开始？

Answer 1

删除它：

onkeyup="resizeTextarea('test');"

这很有可能是使用内联样式调整区域大小，这将覆盖您的CSS。您还可以通过添加!important：

来覆盖内联样式

height: 80px!important;

修改

如果您想阻止成为更低级别，请尝试min-height：

min-height: 80px;

Answer 2

示例中的height属性对我来说很好（Chrome）。但也可以使用“rows”属性定义高度。例如：

<textarea cols="50" rows="10">

自动文本区域调整大小

2 个答案: