CSS Cursor Type
How to make the cursor type as pointer or crosshair using css?
I want to have a different cursor, how can I do that?
Explanation
Property :
cursorThe cursor for any element can be set by using the css property "cursor".
Example Tag:
<div style=" background-color: green; color: white; cursor: crosshair;"> this is a pointer type cursor </div>
Result:
this is a pointer type cursor
The css property can take many values as described in the below table
| Value | Result |
| pointer | a hand symbol |
| crosshair | + symbol |
| move | move symbol |
| wait | loading symbol |
| help | question symbol |
| text | text symbol |
| e-resize | move east cursor |
| ne-resize | move north-east cursor |
| nw-resize | move north-west cursor |
| n-resize | move north cursor |
| se-resize | move south-east cursor |
| sw-resize | move south-west cursor |
| s-resize | move south cursor |
| w-resize | move west cursor |
| default | default cursor |
| url | user defined image as cursor |
A user defined image can be set as a cursor using css.
The code for it is "cursor: url('./images/cursor.gif');".
But this custom user defined cursor may not work in some versions of the browsers.
