How to increase row height of a textarea

Question

Is there a way to change the height of the rows in a textarea? My textarea has a height of 138px and it has 8 rows. In Chrome everything looks fine. But in Mozilla it doesn't look very good.

Just to be clear, I'm not talking about the height of the textarea. I'm talking about the height of the rows in that textarea.

Answer 1

If you want to increase the height of individual rows of the textarea, then use the line-height CSS property:

textarea { line-height: 200%; }

( fiddle )

Answer 2

You can use these plugins.These are a nice plugins

TextAreaExpander demonstration and jQuery Elastic