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!
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
thanx! this thing was very useful for me
Thanks Chris, IE is soooooo evil
thanks A lot…….!!!!!!!!!!!
small but so useful snippet !! Thanks !! saved a day !!
textarea {
resize: none;
}
enjoy!
:-)
awesm trick… i was stuck
thanks…. :)
Very nice tip thank you
Thanks :)
This site is the best site that teach CSS thank you!!
It’s really works! Thanks
hi,
if we can give property only
textarea {
overflow: auto;
}
its not working always, we have to give value like this
textarea {
overflow: auto;
resize:none;
}
thanks.
This code is working but if i use jquery for design purpose its not working. can you give suggetion for that?
overflow:auto
if i want the output as given in IE in another browser then what should i do
-ms-overflow-style: none;