10

Currently, my textarea is displayed like this: click here to see the picture.

I would like that height between each lines be less important.

UPDATE:

I tried line-height in the css file:

textarea{ line-height: 120%; }

but it doesn't work, just reduces the textarea height and doesn't reduce the height between lines.

How can I do it?

3
  • Where did you try line-height on?
    – yunzen
    Commented Aug 23, 2012 at 9:39
  • i tried line-height in css file textarea{ line-height: 120%; } but it doesn't work
    – Zozo Zozo
    Commented Aug 23, 2012 at 15:14
  • The dropbox file is gone. Could you re-add it right to your question?
    – dakab
    Commented Sep 29, 2021 at 8:26

2 Answers 2

2

You may try percentage, em, px etc. and choose one for you. Some browsers like firefox have some errors with this.

Here is a working live demo.

2
  • when i try on jsfiddle.net the textarea is displayed correctly without line-height. but with my files it doesn't work correctly and same using line-height.
    – Zozo Zozo
    Commented Aug 23, 2012 at 15:25
  • I think problem is my favorite browser(mozilla). I a correct display when i using chrome. Now, how can I fix compactibility for all famous browser (mozilla,IE,Safari) ?
    – Zozo Zozo
    Commented Aug 23, 2012 at 15:28
0

set padding-top to 0px that should reset the line height of the textarea

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