IE8 does not display text resizing of the lower right corner

Question

I am using IE8, but the size of the lower right corner of textarea is not displayed. The same code works fine in Firefox. I also noticed the same problem in some online examples when using IE.

Does anyone know a trick to display the bottom size corner in IE?

My CSS:

textarea { resize:both; } 

My HTML:

 <div> <textarea rows="20" cols="150"> </textarea> </div> 

Answer 1

So far, the CSS resize property has only been supported by Gecko and WebKit mechanisms (e.g. Firefox, Chrome, and Safari).

Internet Explorer and Opera do not support it (yet).

Answer 2

The resize CSS attribute is not supported in Internet Explorer. You may need to use the Javascript framework (such as jQuery) to get truly cross-browser support for this feature; or you may just not support it in IE (is it really important that your users can resize the text box?).