In this article I will explain how to disable or prevent users from resizing the HTML TextArea control in browsers like Google Chrome, Mozilla Firefox and Apple Safari
The solution to this problem is available in CSS3 and fortunately all the three browsers do support CSS3 and hence we can make use of resize CSS property of TextArea.
 
You can either do it by setting it directly in the style attribute.
 
<textarea id="txt2" cols="20" rows="5" style = "resize:none"></textarea>
 
 
Or make use of the CSS style sheet.
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        textarea
        {
            resize: none;
        }
    </style>
</head>
<body>
    <textarea id="txt" cols="20" rows="5"></textarea>
</body>
</html>
 
 
Demo
View Demo
 
Downloads