Good morning everyone. I am trying to change the style of the mouse cursor on my web page.
The thing is that I'm trying not only to change the cursor to a unique custom image, but if you're going to click, hover a link or something like that the cursor changes to "Pointer" but this is also personalized. The idea would be that this is done automatically for the entire page, that is, without having to put "cursor: url("customized.png"), default" and "cursor: url("pointer.png"), pointer " in each of the page elements. Thanks for the help <3
In order not to have to touch each element of the page, your thing is to use CSS styles.
For example if you want a cursor for the whole body and one for the hover in the images
That is, you define the cursor for each type of element in a style section of the page or in a css file. In these examples I put auto, but logically you can put the type you want: pointer, help, resize...
Naturally, if you want to particularize an element, you use the classes. Hope this can help you