How to make textarea resizable and change its default outline style

Resize

Switch on / off resize of a textarea on horizontal / vertical / both.

<textarea style="resize:horizontal"></textarea>

The resize property can be either:

• vertical: only resize vertically
• horizontal: only resize horizontally
• none: disable resize (also remove the resize area on right bottom.)

Outline

Remove or change style of outline when textarea is focused on safari / chrome etc.

<textarea class="customize"></textarea>

.customize:focus{
  outline-color:red;
}