Turn off textarea resizing

Question

I\'m trying to turn off textarea resizing in my site; right now I\'m using this method:

.textarea {
    clear:left;
    min-width: 267px;
    max-width: 267px;
          


        

Answer 1

CSS3 can solve this problem. Unfortunately it's only supported on 60% of used browsers nowadays.

For IE and iOS you can't turn off resizing but you can limit the textarea dimension by setting its width and height.

/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */

See Demo