Hiding textarea resize handle in Safari

Question

I\'m using textarea components in my application, and I control their height dynamically. As the user types, the height is increased whenever there is enough text. This work

Answer 1

Use the following CSS rule to disable this behavior for all TextArea elements:

textarea {
    resize: none;
}

If you want to disable it for some (but not all) TextArea elements, you have a couple of options (thanks to this page).

To disable a specific TextArea with the name attribute set to foo (i.e., ):

textarea[name=foo] {
    resize: none;
}

Or, using an ID (i.e., ):

#foo {
    resize: none;
}

Note that this is only relevant for WebKit-based browsers (i.e., Safari and Chrome), which add the resize handle to TextArea controls.