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;
If you are in a financial crisis , or need to start a new business…
Hormonal balance plays a pivotal role in overall well-being, influencing various aspects of health, from…
Dog walking is an excellent way to maintain your furry friend's camaraderie and provides many…
Introduction Businesses understand the diverse requirements of mobile applications, which provide a competitive advantage. There…
The Internet of Things (IoT) has recently changed the world. It links gadgets together and…
NFTs, or Non-Fungible Tokens, are revolutionizing the digital economy. These unique digital assets, authenticated through…