I'm using IE8 but the textarea resize bottom right corner is not displaying. This same code works ok in Firefox. I also noticed the same problem in some online examples when using IE.

Anyone knows the trick to display the resize bottom corner in IE?

My CSS:

textarea { resize:both; }

My HTML:

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

</textarea>
</div>

I'm using IE8 but the textarea resize bottom right corner is not displaying. This same code works ok in Firefox. I also noticed the same problem in some online examples when using IE.

Anyone knows the trick to display the resize bottom corner in IE?

My CSS:

textarea { resize:both; }

My HTML:

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

</textarea>
</div>

• javascript
• html
• css
• ie8-browser-mode

2 Answers 2

So far, the resize CSS property is only supported by the Gecko and WebKit engines (i.e. Firefox, Chrome and Safari).

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

The resize CSS attribute isn't supported in Internet Explorer. You may need to use a Javascript framework (such as jQuery) to get truly cross-browser support for this functionality; or you can simply not support it in IE (is it really that important that your users be able to resize the textarea?).