A little dab'll do ya
Code Snippets
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.
Thanks! Always wondered how you could do that!
thanks, it’s fine but the Opera?
Thank you for this cool tip. can use it at many places.
Excellent tip, but as Mr Pampalini asked, how can we make this work in Opera?
Very useful tip. many webmaster would be wait to know how to remove the scroll bar from textarea.
Thanks once again.
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.
sorry, it works on Opera too, but only from version 10.51! ;)
The same problem with older versions of Opera, any way to fix?
Thanks for the simple and right answer! It’s just what I looked for!
Thanks. Solved my issue in 1 minute :)
useful tip
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).
Thank you very much. Really it is very helpful to me.
Nice tip. This is exactly what I’m looking for. Thank you for sharing.
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!
Cool! Thanks a lot!
short and simple, 10x
Thankx!