The cursor property allows the use of an url linking an image to be used as cursor. In that way you may customize as much as you want
property and value
.classX {
cursor: url(myCursor.cur);
}
Ok with a gif, etc
Question
I know you can change the cursor of a web page with an image, but is it possible to 'style' the cursor only using CSS?
Something like...
div.changecursor:cursor {
width: 10px;
height: 10px;
background: blue;
border-radius: 199px; /* make it a circle */
}
Solution
The cursor property allows the use of an url linking an image to be used as cursor. In that way you may customize as much as you want
property and value
.classX {
cursor: url(myCursor.cur);
}
Ok with a gif, etc