If we add a simple textarea in a HTML form then we see that we can resize it by clicking on the bottom right corner of the textarea and dragging the mouse.
<textarea id="txt1" name="txt1" rows="5" cols="50"></textarea>
If we want to stop this resize then you have to just add a simple css as shown below.
textarea { resize: none; }
If we want to allow the user to resize vertically then use the below css.
textarea { resize: vertical; }
Similarly for horizontal resizing we add
textarea { resize: horizontal; }
Please note that ‘resize’ property is not suppoted by IE browser so you will have to look some other solution for IE.
Leave a Comment