The default cursor in CSS is typically an arrow, indicating that the element is clickable or selectable. If you want to explicitly set the default cursor for an element in CSS, you can use the cursor property and set it to default
or auto
, like so:
.element {
cursor: default;
}
The default
property will always shows the default arrow cursor.
.element {
cursor: auto;
}
The auto
property will make the cursor behave according to the default behavior of the browser for that particular element.
The default
and auto
values are slightly different: default
always shows the default arrow cursor, whereas auto
lets the browser decide the best cursor based on the context.