CSS Cursor Property and Common Cursor Values

The CSS cursor property suggests the pointer shape shown when a pointing device is over an element. Use a cursor that matches the element's actual behavior; changing the cursor does not make a non-interactive element interactive.

CSSTry itTypical meaning
cursor: pointerLink-like or clickable control
cursor: texttextText can be selected/edited
cursor: waitwaitBusy; interaction may be blocked
cursor: progressprogressBusy but interaction may continue
cursor: movemoveItem can be moved
cursor: crosshaircrosshairPrecise selection
cursor: helphelpHelp is available
cursor: not-allowednot-allowedRequested action is unavailable
cursor: defaultdefaultPlatform default cursor

Basic syntax Top ↑

.drag-handle { cursor: grab; }
.drag-handle:active { cursor: grabbing; }

Do not use cursor: hand Top ↑

cursor: hand is not the standard CSS keyword for the familiar pointing-hand cursor. Use cursor: pointer.

Custom cursor images Top ↑

.target {
  cursor: url("target.cur") 8 8, crosshair;
}

Always provide a fallback keyword. Browser/platform restrictions can limit custom cursor image size or formats.

Cursor is not an accessibility label Top ↑

Keyboard and touch users may never see a mouse cursor. Interactive elements still need appropriate HTML controls, labels, focus behavior and visible states.

Frequently Asked Questions Top ↑

What replaces cursor: hand?
Use cursor: pointer.

Does cursor: pointer make a div clickable?
No. It changes appearance only; use the correct interactive HTML element and behavior.

Can I use a custom cursor image?
Yes, with a URL and fallback keyword, subject to browser restrictions.

CSS generator Borders Heading CSS





plus2net.com










✖
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles Contact us
© 2000-2026 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer