The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.
- .cursor-auto
- .cursor-default
- .cursor-pointer
- .cursor-wait
- .cursor-text
- .cursor-move
- .cursor-help
- .cursor-not-allowed
- .cursor-none
- .cursor-context-menu
- .cursor-progress
- .cursor-cell
- .cursor-crosshair
- .cursor-vertical-text
- .cursor-alias
- .cursor-copy
- .cursor-no-drop
- .cursor-grab
- .cursor-grabbing
- .cursor-all-scroll
- .cursor-col-resize
- .cursor-row-resize
- .cursor-n-resize
- .cursor-e-resize
- .cursor-s-resize
- .cursor-w-resize
- .cursor-ne-resize
- .cursor-nw-resize
- .cursor-se-resize
- .cursor-sw-resize
- .cursor-ew-resize
- .cursor-ns-resize
- .cursor-nesw-resize
- .cursor-nwse-resize
- .cursor-zoom-in
- .cursor-zoom-out
.cursor-auto:hover {
cursor: auto;
}
.cursor-default:hover {
cursor: default;
}
.cursor-pointer:hover {
cursor: pointer;
}
.cursor-wait:hover {
cursor: wait;
}
.cursor-text:hover {
cursor: text;
}
.cursor-move:hover {
cursor: move;
}
.cursor-help:hover {
cursor: help;
}
.cursor-not-allowed:hover {
cursor: not-allowed;
}
.cursor-none:hover {
cursor: none;
}
.cursor-context-menu:hover {
cursor: context-menu;
}
.cursor-progress:hover {
cursor: progress;
}
.cursor-cell:hover {
cursor: cell;
}
.cursor-crosshair:hover {
cursor: crosshair;
}
.cursor-vertical-text:hover {
cursor: vertical-text;
}
.cursor-alias:hover {
cursor: alias;
}
.cursor-copy:hover {
cursor: copy;
}
.cursor-no-drop:hover {
cursor: no-drop;
}
.cursor-grab:hover {
cursor: grab;
}
.cursor-grabbing:hover {
cursor: grabbing;
}
.cursor-all-scroll:hover {
cursor: all-scroll;
}
.cursor-col-resize:hover {
cursor: col-resize;
}
.cursor-row-resize:hover {
cursor: row-resize;
}
.cursor-n-resize:hover {
cursor: n-resize;
}
.cursor-e-resize:hover {
cursor: e-resize;
}
.cursor-s-resize:hover {
cursor: s-resize;
}
.cursor-w-resize:hover {
cursor: w-resize;
}
.cursor-ne-resize:hover {
cursor: ne-resize;
}
.cursor-nw-resize:hover {
cursor: nw-resize;
}
.cursor-se-resize:hover {
cursor: se-resize;
}
.cursor-sw-resize:hover {
cursor: sw-resize;
}
.cursor-ew-resize:hover {
cursor: ew-resize;
}
.cursor-ns-resize:hover {
cursor: ns-resize;
}
.cursor-nesw-resize:hover {
cursor: nesw-resize;
}
.cursor-nwse-resize:hover {
cursor: nwse-resize;
}
.cursor-zoom-in:hover {
cursor: zoom-in;
}
.cursor-zoom-out:hover {
cursor: zoom-out;
}