How do I change the cursor in CSS?

Set the cursor property: cursor: pointer for clickable elements, cursor: grab for draggable elements, cursor: not-allowed for disabled elements. Any element can have a custom cursor.

Can I use a custom image as a cursor?

Yes. Use cursor: url('image.png') x y, auto where x and y define the hotspot coordinates. The image should be 32×32 pixels or smaller. Always include a fallback keyword.

What cursor should buttons use?

Buttons should use cursor: pointer to indicate they're clickable. Disabled buttons should use cursor: not-allowed. This is a strong accessibility and usability convention.

How to Change the CSS Cursor (Every Option Explained)

👆

Try CSS Cursor Gallery

Free, no signup →