EN
CSS - disable textarea resize button
6 points
In this article, we would like to show you how to disable textarea resize button using CSS.
Quick solution:
xxxxxxxxxx1
textarea {2
resize: none;3
}
This approach removes both direction resizing (vertical and horizontal).
xxxxxxxxxx1
2
<html>3
<head>4
<style>5
6
textarea {7
resize: none;8
}9
10
</style>11
</head>12
<body>13
<textarea rows="10" cols="40">This is example text...</textarea>14
</body>15
</html>This approach removes vertical resizing.
xxxxxxxxxx1
2
<html>3
<head>4
<style>5
6
textarea {7
resize: horizontal;8
}9
10
</style>11
</head>12
<body>13
<textarea rows="10" cols="40">This is example text...</textarea>14
</body>15
</html>This approach removes horizontal resizing.
xxxxxxxxxx1
2
<html>3
<head>4
<style>5
6
textarea {7
resize: vertical;8
}9
10
</style>11
</head>12
<body>13
<textarea rows="10" cols="40">This is example text...</textarea>14
</body>15
</html>
