textarea的溢出：在高度

Question

继码自差呈现一个textarea应当具有3个可见行：在Firefox

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

然而，（20.0.1版），4行示出，而不是3

另请参见http://jsfiddle.net/KxXsS/

我该如何解决这个问题？

Answer 1

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

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

的@-moz...是为Mozilla特定的规则，网址前缀规则将规则应用于其URL与它开始的任何页面。

Answer 2

这里是Solution

textarea { 
 
    height: 4em; 
 
}

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

希望这有助于。