Skip to main content

Cursor

Set the cursor style when hovering over an element.

Limited availability

This feature does not work in some of the most widely-used browsers.

Chrome
Edge
Firefox
SafariDesktop only

c:a
cursor: alias;
c:as
cursor: all-scroll;
c:auto
cursor: auto;
c:c
cursor: cell;
c:ch
cursor: crosshair;
c:cm
cursor: context-menu;
c:co
cursor: copy;
c:cr
cursor: col-resize;
c:d
cursor: default;
c:er
cursor: ew-resize;
c:g
cursor: grab;
c:gr
cursor: grabbing;
c:h
cursor: help;
c:m
cursor: move;
c:na
cursor: not-allowed;
c:ner
cursor: ne-resize;
c:neswr
cursor: nesw-resize;
c:none
cursor: none;
c:nr
cursor: n-resize;
c:nsr
cursor: ns-resize;
c:nwr
cursor: nw-resize;
c:nwser
cursor: nwse-resize;
c:p
cursor: pointer;
c:pr
cursor: progress;
c:rr
cursor: row-resize;
c:ser
cursor: se-resize;
c:sr
cursor: s-resize;
c:swr
cursor: sw-resize;
c:t
cursor: text;
c:vt
cursor: vertical-text;
c:w
cursor: wait;
c:wr
cursor: w-resize;
c:zi
cursor: zoom-in;
c:zo
cursor: zoom-out;

Media Queries

Prefix a class with a breakpoint to apply it from that width up.

Pseudo Classes

Prefix a class with a state to apply it only while that state matches.