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>

希望這有助於。