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.
Syntax
/* Usage Example */
.clickable-area {
cursor: pointer;
/* indicates the area can be clicked */
}
.loading-overlay{
cursor: wait;
/* indicates the user should wait */
}
/* Global values */
cursor: inherit;
cursor: initial;
cursor: revert;
cursor: revert-layer;
cursor: unset;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.
1+
1+
1.2+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more