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 +填充。

Answer 2

with resize：none;

如果高度不对，请尝试使用css设置

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

Answer 3

你可以尝试：

resize:none;
height: 320px;
max-height: 320px;

适合我

如何将文本区域固定为10行的高度？

3 个答案: