PSD to HTML conversion PSD to HTML conversion PSD2HTML.com with over 300 professionals takes the designs to HTML and beyond

Code Snippet

Home » Code Snippets » CSS » Remove Scrollbar from Textarea in IE

Remove Scrollbar from Textarea in IE

By default all versions of IE have a scrollbar on textareas, even when they are empty.

No other browsers do this, so if you want to remove it so IE can visually match other browsers, just:

textarea { overflow: auto; }

The scrollbar will return (rightfully) when the text in the textarea expands beyond it's bounds.

Subscribe to The Thread

  1. CJBNZ

    Thanks! Always wondered how you could do that!

    Reply ↓
  2. pampalini

    thanks, it’s fine but the Opera?

    Reply ↓
  3. Gurvinder

    Thank you for this cool tip. can use it at many places.

    Reply ↓
  4. Boe Jill

    Excellent tip, but as Mr Pampalini asked, how can we make this work in Opera?

    Reply ↓
  5. sajan kota

    Very useful tip. many webmaster would be wait to know how to remove the scroll bar from textarea.
    Thanks once again.

    Reply ↓
  6. Cubism Designs

    I am in need of this hack (for me it’s hack) as i found lot for removing scrollbar from textarea in IE7. Thanks for this post.

    Reply ↓
  7. pampalini

    sorry, it works on Opera too, but only from version 10.51! ;)

    Reply ↓
  8. kiko

    The same problem with older versions of Opera, any way to fix?

    Reply ↓
  9. Panos I. Papadopoulos

    Thanks for the simple and right answer! It’s just what I looked for!

    Reply ↓
  10. AFI

    Thanks. Solved my issue in 1 minute :)

    Reply ↓
  11. saravanan

    useful tip

    Reply ↓
  12. Noel

    Thanks for that – have checked this in IE 5.5, 6, 7 and 8 and works exactly as described (I’ve seen a few forum posts suggesting that overflow: hidden could be used but that didn’t seem like the right way to approach the problem). This also works correctly if you’re using a dynamic-width textarea (columns value set inline in the tag itself and width value in stylesheet overriding it).

    Reply ↓
  13. Uma

    Thank you very much. Really it is very helpful to me.

    Reply ↓
  14. Ricky

    Nice tip. This is exactly what I’m looking for. Thank you for sharing.

    Reply ↓
  15. Keiron Lowe

    Hi Chris,

    Hope you could help, I’m using this on a site I am developing but I have found that in IE7 and IE6 it removes the scrollbar, but keeps the space where the scrollbar used to be. Resulting in them two browsers having a wider textarea.

    It’s driving me nuts!

    Reply ↓
  16. Andrey

    Cool! Thanks a lot!

    Reply ↓
  17. asaf

    short and simple, 10x

    Reply ↓
  18. Hamlet

    Thankx!

    Reply ↓
  19. ric

    if seems like the space of the scroller remains as the scroller disappears. this is not a good solution. this happens in ie7 btw.regards

    Reply ↓

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~