Want to disable resizable property of textarea? Here is some tips to prevent the click on the bottom right corner of the textarea.
To disable resizable property of textarea, there are a few options.
<textarea name="txtName" id="txtID"></textarea>
CSS can solve this problem and unfortunately it’s only supported on 60% of used browsers nowadays. Basically, you can use below CSS rule to disable resizing behavior.
textarea {
resize: none;
}
Or, you can use name or id attribute wise:
textarea[name=txtName] {
resize: none;
}
#txtID {
resize: none;
}
Read Also: jQuery data attributes
Sometimes, you can resize by restrictions i.e. none, both, horizontal, vertical, and inherit. For below code, user can resize vertically, but the width is fixed.
textarea {
resize: vertical;
}
Unless overflow property is something other than visible, this property does nothing i.e. default for most elements. So, to use this, you will have to set something like overflow: scroll;
Content marketing has a hidden tax. It's not the writing itself, it's everything that happens…
Most marketing teams aren't failing because they lack data. They're failing because they can't act…
Email marketing continues to be one of the most effective ways for businesses to communicate,…
Xerox first introduced it around the mid-1970s. The need came up because the management activities…
Investing in the forex market may look to be a dangerous game. With some worthwhile…
The coronavirus outbreak has drastically changed the way we live our lives. Yes, that's absolutely…