文本区域溢出：自动高度差答案

【问题标题】：Textarea overflow:auto difference in height文本区域溢出：自动高度差
【发布时间】：2013-05-21 10:02:54
【问题描述】：

以下代码呈现一个应该有 3 个可见行的文本区域：

<textarea id="txtInput" rows="3" cols="20" style="overflow:auto"></textarea>

但是，在 Firefox（20.0.1 版）中，显示的是 4 行而不是 3 行。

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

Firefox 在文本字段之后添加了额外的行。你可以用 CSS 解决这个问题：

@-moz-document url-prefix() {
    textarea {
        height: 4em;
    }
}

@-moz...是针对 mozilla 的特定规则，url-prefix 规则将规则应用于 URL 以它开头的任何页面。

【讨论】：

【解决方案2】：

这里是Solution

textarea {
    height: 4em;
}

&lt;textarea id="txtInput" rows="3" cols="20" style="overflow:auto"&gt;&lt;/textarea&gt;

希望这会有所帮助。

【讨论】：