CSS Cursor & Pointer Events
CSS Cursor & Pointer Events — Control cursor appearance and mouse interaction behavior with cursor properties and pointer-events. The guide walks through Cursor Values, pointer-events Property, Touch Actions, User Select & Drag. Common cursors: pointer, default, grab, grabbing, move, text, not-allowed, wait, crosshair, zoom-in, zoom-out. Link-like elements use cursor: pointer. Disabled elements use cursor: not-allowed. Custom cursors: cursor: url(cursor.png) 16 16, auto. The coordinates specify the hotspot (click point). Use 32x32 PNG or SVG for best quality. Fallback to a built-in cursor after the custom one. pointer-events: none makes an element invisible to mouse/touch — clicks pass through to elements below. Used for overlay overlays, disabled states, and decorative elements. pointer-events: auto restores default behavior. Other values: pointer-events: visiblePainted, visibleFill, visibleStroke (SVG-specific). Use for custom tooltips, dropdown menus, and click-through overlays. The guide is organized into 4 sections that build on each other, each pairing a prose explanation with real CSS you can use as-is.