Skip to content
← Back to Community
Cursors
Profile icon
RiZeFrostbite

How would you change the cursor on your website? Plz I really need this.

Voters
Profile icon
AngadKang
Profile icon
RiZeFrostbite
Comments
hotnewtop
Profile icon
mollthecoder

Use the cursor property. To make it custom use the folling:

body{ cursor:url(CURSOR_PNG.png); }

Looking at your site, you can use the built-in crosshair property.

body{ cursor: crosshair; }
Profile icon
tussiez

Use the cursor: property.
You can use the default cursors, or use a custom image (url(image.png)).
Here's a link to all the default cursors: https://www.w3schools.com/csSref/pr_class_cursor.asp

Profile icon
RYANTADIPARTHI

Solution

use the cursor property in css. Like this.

body { cursor: pointer; }

that's it you want it like a clicking cursor.

body { cursor: not-allowed; }

disabled cursor above.

body { cursor: wait; }

to wait. And many more. Here's a link, that gives the entire list.

https://www.w3schools.com/cssref/pr_class_cursor.asp

Like that.
That should work

Profile icon
Baconman321

You can use the CSS cursor property.

body{ cursor:pointer; }

You can even make the cursor an image!
More resources: https://www.w3schools.com/cssref/pr_class_cursor.asp