The attribute of cursor in css is used to set the shape of the cursor.
This attribute defines the shape of the cursor used when the mouse pointer is placed within the bounds of an element.
Default value: auto
Inheritance: yes
Appearance version: css2
JavaScript syntax: object.style.cursor =’pointer’
Values that can be set:< /h3>
| value | description | url |
The URL of the custom cursor to be used. Note: Please always define a normal cursor at the end of this list, in case there is no usable cursor defined by the URL. |
|---|---|
| default | The default cursor (usually an arrow) | auto | Default. The cursor set by the browser. |
| crosshair | The cursor appears as a crosshair. |
| pointer | The cursor is rendered as a link pointer (one hand) | move | This cursor indicates that an object can be moved. |
| e-resize | This cursor indicates that the edge of the rectangular box can be moved to the right (east). |
| ne-resize | This cursor indicates that the edge of the rectangular box can be moved up and to the right (north/east) . |
| nw-resize | This cursor indicates that the edge of the rectangular box can be moved up and to the left (north/west) . |
| n-resize | This cursor indicates that the edge of the rectangular box can be moved up (north). |
| se-resize | This cursor indicates that the edge of the rectangular box can be moved down and to the right (south/east ). |
| sw-resize | This cursor indicates that the edge of the rectangular box can be moved down and to the left (south/west ). |
| s-resize | This cursor indicates that the edge of the rectangular box can be moved down (south). |
| w-resize | This cursor indicates that the edge of the rectangular box can be moved to the left (west). |
| text | This cursor indicates text. |
| wait | This cursor indicates that the program is busy (usually a watch or hourglass). |
| help | This cursor indicates the available help (usually a question mark or a balloon). |
Browser support:
IE, FireFox, Chrome, Safari, Opera
All mainstream browsers All browsers support the cursor attribute.
Note: Opera 9.3 and Safari 3 do not support the value of url.
Note: No version of Internet Explorer (including IE8) supports the attribute value “inherit”.
Reference link: https://www.w3school.com.cn/cssref/pr_class_cursor.asp
p>