如何将文本区域固定为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

和 resize: none;

如果高度不对，可以尝试用CSS设置

<textarea style="resize: none;" cols="40" rows="10" ...

Answer 2

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

textarea
{
    resize: none;
}

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