Top community members
All Wiki Articles Create Wiki Article

Have you ever heard about encyclopedia for code?

What about: Wiki for Code project?

* because I've tried to share code and my solutions on different services and it was removed or I was unwelcomed
   - maybe it wasn't good place, but this one is.

if you think you have solution that can help someone, you are welcome to share this solution - Click here

CSS - how to disable textarea resize button/property?

0 contributions
6 points

Newest browsers introduced textarea resize button/property to make for users working with forms more comfortable.

Textarea resize button in Firefox.
Textarea resize button in Firefox.

Using CSS it is possible to remove the property in following ways.

1. resize: none example

This approach removes both direction resizing (vertical and horizontal).

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <style>

    textarea {
        resize: none;
    }

  </style>
</head>
<body>
  <textarea rows="10" cols="40">This is example text...</textarea>
</body>
</html>

2. resize: horizontal example

This approach removes vertical resizing.

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <style>

    textarea {
        resize: horizontal;
    }

  </style>
</head>
<body>
  <textarea rows="10" cols="40">This is example text...</textarea>
</body>
</html>

3. resize: vertical example

This approach removes horizontal resizing.

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <style>

    textarea {
        resize: vertical;
    }

  </style>
</head>
<body>
  <textarea rows="10" cols="40">This is example text...</textarea>
</body>
</html>

Merged quastions

  1. How do I turn off the textarea resizing property?
0 contributions

Suggested wiki articles:

Suggested findings

Let's do the work and have some fun
  • Dirask is online IT community for professionals and hobbyist to share their knowledge and help each other in extraordinary easy way. ❤ đź’» 🙂
  • We welcome everyone,
    no matter what the experience,
    no matter how basic the question is,
    we will help you. 👍 ✔ 🦄
Read more