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      min-height 150px      max-height 150px      I know that my method is not correct and I m searching for a better one in JavaScript  I m a beginner  so the best solution for me will be HTML5 or jQuery

User · Answer

It can done easy by just using html draggable attribute   lt textarea name  mytextarea  draggable  false  gt  lt  textarea gt    Default value is true

User · Answer

Try this CSS to disable resizing  The CSS to disable resizing for all textareas looks like this   textarea       resize  none      You could instead just assign it to a single textarea by name  where the textarea HTML is     textarea name foo        resize  none      Or by id  where the textarea HTML is      foo       resize  none      Taken from  http   www electrictoolbox com disable-textarea-resizing-safari-chrome

User · Answer

CSS   textarea       resize  none      min-width    - gt  Integer number of pixels     min-height    - gt  Integer number of pixels     max-width    - gt  min-width     max-height    - gt  min-height     above code works on most browsers    HTML   lt textarea id  textarea  draggable  false  gt  lt  textarea gt    do both for it to work on the maximum number of browsers

User · Answer

this will do your job        textarea          resize none

User · Answer

Just one extra option  if you want to revert the default behaviour for all textareas in the application  you could add the following to your CSS   textarea not  resize  true        resize  none  important      And do the following to enable where you want resizing    lt textarea resize  true  gt  lt  textarea gt    Have in mind this solution might not work in all browsers you may want to support  You can check the list of support for resize here  http   caniuse com  feat css-resize

User · Answer

This is works for me   x000D   x000D   lt textarea x000D    type  text  x000D    style  resize  none  x000D   gt  x000D  Some text x000D   lt  textarea gt  x000D   x000D   x000D

User · Answer

As per the question  i have listed the answers in javascript  By Selecting TagName  document getElementsByTagName  textarea   0  style resize    none     By Selecting Id  document getElementById  textArea   style resize    none

User · Answer

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

[html] Turn off textarea resizing

Examples related to html

Examples related to textarea