cursor
Sets the mouse cursor to show when the mouse pointer is over an element. Common values include pointer for links, wait for loading states, and help.
Quick example
.clickable-area {
cursor: pointer;
/* indicates the area can be clicked */
}
.loading-overlay {
cursor: wait;
/* indicates the user should wait */
}Quick facts
Initial value
autoInherited
Yes
Applies to
all elements
Animation type
discrete
cursor Browser Support
Widely available Since 2015 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
1.2+
12+