jquery - 如何使文本区域固定为10行的高度？

Question

如何让文本区域固定10行高？我喜欢

<label for="textarea" style="font-weight: bold;">Message Content:</label>
<br/>
<textarea cols="40" rows="10" class="ui-input-text" name="textarea" id="textarea" placeholder="Enter Message"></textarea>

但是当页面加载时它不是 10 行高度并且它是可调整大小的。

Answer 1

它只能在允许调整大小的浏览器中调整大小。您可以使用此 CSS 阻止它:

textarea
{
    resize: none;
}

鉴于高度不是 10 行，我怀疑这是因为 10 行高是为原始样式计算的，如果您已将样式更改为不同的字体和/或字体大小，并添加了填充, 它可能不匹配。尝试将高度设置为 10em 或 10em + padding。