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
Limited availability95% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
68+
27+
11+
79+