In this short article I’ll cover the problem that users are recently facing in the newer browsers that is Resize option for the Multiline TextBox i.e. HTML TextArea
In this article I will explain how to disable or prevent users from resizing the ASP.Net Multiline TextBox 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.
 
<asp:TextBox ID="TextBox1" runat="server" TextMode = "MultiLine" style = "resize:none"></asp:TextBox>
 
 
Or make use of the CSS style sheet. If you want to disable resize for all the ASP.Net Multiline TextBoxes
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        textarea
        {
            resize: none;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:TextBox ID="TextBox2" runat="server" TextMode = "MultiLine"></asp:TextBox>
    </form>
</body>
</html>
 
 
Demo
 

Downloads