Any way to disable Firefox 4 textarea-resizing handles?

Question

I have a site with a textarea that is a very specific size; resizing it could make the user think that they can enter more text into the textarea than is possible (it is limited by rows and columns). Firefox 4 automatically shows a 'resize handle' in the bottom-right of the textbox and as a user I can resize the textarea on the page. Is there any way to disable this?

Thanks.

Possible duplicate of [How to disable resizable property of textarea?](http://stackoverflow.com/questions/5235142/how-to-disable-resizable-property-of-textarea) — JHoffmann, Feb 17 '17 at 11:11

score 49 · Accepted Answer · edited Oct 12 '14 at 00:54

49

Use CSS and style it with:

textarea {
    resize: none;
}

edited Oct 12 '14 at 00:54

Volker E.

5,911
11
47
64

answered May 04 '11 at 00:03

robx

3,093
2
26
29

1

That is beautiful, a much more elegant solution than I was expecting! – Ben Jul 14 '11 at 08:43
2

BTW: Works in Safari and Chrome as well. – Kaleb Pederson Jan 25 '12 at 00:20
For someone seeking an answer to go this cross-browser, kindly set the max-width and max-length values for the same. Cheers! – foxybagga May 23 '12 at 13:11

score 3 · Answer 2 · answered Nov 14 '12 at 18:36

3

Sometimes the CSS will not work. I have successfully removed the users ability to resize the textbox by using an inline style. Those are the last ones processed by the browser and have the final say on what style is used.

answered Nov 14 '12 at 18:36

Anomarj

39
1

Any way to disable Firefox 4 textarea-resizing handles?

2 Answers2