html - Textarea overflow:auto difference in height -


following code renders textarea should have 3 visible rows:

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

however, in firefox (version 20.0.1), 4 rows shown instead of 3.

see http://jsfiddle.net/kxxss/

how can fix this?

firefox adds lines after textfields. can fix css :

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

the @-moz...is mozilla specific rule, url-prefix rule applies rule page url starts it.


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -