HTML5/CSS3 - Change the look of resize handles

Question

I don\'t want to turn off resizing completely, but the resize handles on textareas don\'t fit with the rest of the page style. Is there a way I can change how it looks, perh

Answer 1

Do it like this:

Place an image on top of the bottom right corner where the default handle is! Position absolute etc.

Then on the picture set pointer-events: none and you are done! It is like the pointer ignores completely the image and the events go on the textarea itself.

Cheers!!

NOTE: Maybe you have to use resize: vertical to the textarea because the behavior changes from browser to browser!!

SEE THIS: https://jsfiddle.net/1bsoffu3/1/ a