Limited Availability
CSS
id: cursor
Cursor styles
The
cursor CSS property styles the pointer, allowing you to provide hints to the user on how to interact with the hovered element.
Baseline Status:
This feature is currently Limited and is missing in at least one major browser engine.
Desktop Browser Engine Support
Google Chrome
68
Supported
Mozilla Firefox
27
Supported
Apple Safari
11
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
68
Firefox Android
95
Safari iOS
—
Specifications and References
Specification ↗
Can I Use (css3-cursors) ↗
Can I Use (css3-cursors-grab) ↗
Can I Use (css3-cursors-newer) ↗
Feature XML ↗
MDN Browser Compat Data Keys:
css.properties.cursor ↗
css.properties.cursor.alias ↗
css.properties.cursor.all-scroll ↗
css.properties.cursor.auto ↗
css.properties.cursor.cell ↗
css.properties.cursor.col-resize ↗
css.properties.cursor.context-menu ↗
css.properties.cursor.copy ↗
css.properties.cursor.crosshair ↗
css.properties.cursor.default ↗
css.properties.cursor.e-resize ↗
css.properties.cursor.ew-resize ↗
css.properties.cursor.grab ↗
css.properties.cursor.grabbing ↗
css.properties.cursor.help ↗
css.properties.cursor.move ↗
css.properties.cursor.n-resize ↗
css.properties.cursor.ne-resize ↗
css.properties.cursor.nesw-resize ↗
css.properties.cursor.no-drop ↗
css.properties.cursor.none ↗
css.properties.cursor.not-allowed ↗
css.properties.cursor.ns-resize ↗
css.properties.cursor.nw-resize ↗
css.properties.cursor.nwse-resize ↗
css.properties.cursor.pointer ↗
css.properties.cursor.progress ↗
css.properties.cursor.row-resize ↗
css.properties.cursor.s-resize ↗
css.properties.cursor.se-resize ↗
css.properties.cursor.sw-resize ↗
css.properties.cursor.text ↗
css.properties.cursor.url ↗
css.properties.cursor.url_positioning_syntax ↗
css.properties.cursor.vertical-text ↗
css.properties.cursor.w-resize ↗
css.properties.cursor.wait ↗
css.properties.cursor.zoom-in ↗
css.properties.cursor.zoom-out ↗
svg.global_attributes.cursor ↗