Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS to change the cursor style of the resize button on a textarea

CSS to change the cursor style of the resize button on a textarea

Problem

I noticed that the Resize button on my text area when hovered and/or clicked is staying as an arrow.

It seems to me like it should be a pointer.

seeing as there is css to remove or add the resize tool to a Textarea,

resize:none;

and css to change the Cursor of the whole textarea,

cursor:pointer;

but it seems like there should be a css parameter to control the cursor of just the resize button. I've been looking around a bit and can't seem to find the property though. I can think of a few ways to do this in javascript or jquery but seems like overkill.

So is there a way to set the cursor for just the resize button of a textarea via css?

Problem courtesy of: Rooster

Solution

This is rendered by the browser itself and is not part of HTML, therefore it cannot be styled via CSS.

Solution courtesy of: Diodeus

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS to change the cursor style of the resize button on a textarea

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×