3

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.

Improve this question
3
  • 2
    Do you explicitly define the line-height and font-size and padding for your textarea?
    – user1823761
    Commented May 29, 2013 at 11:24
  • well if you increase the height no rows will automatically increase, it just a way to do it with either html or css
    – Rohit Agrawal
    Commented May 29, 2013 at 11:24
  • just as NOX wrote, line-height and font-size should do the trick
    – Jurijs Nesterovs
    Commented May 29, 2013 at 11:25

2 Answers 2

Reset to default
6

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)

Improve this answer
1
  • Nice.. +1 for this and the live fiddle.
    – TheBlackBenzKid
    Commented May 29, 2013 at 11:28
0

You can use these plugins.These are a nice plugins

TextAreaExpander demonstration and jQuery Elastic

Improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.