[CSS disclosure] mouse cursor

The mouse pointer can be used to tell the user what actions are currently performed

The existing built-in cursor types are:

crosshair	help	move	pointer	text	wait	e-resize
ne-resize	nw-resize	se-resize	s-resize	none
context-menu	cell	alias	copy	no-drop	ew-resize
Ns-resize	Nesw-resize	Nwse-resize	Col-resize	Row-resize	All-resize	Zoom-in	Zoom-out

Introduces several common cursors

1. Prompt to disable state

Not-allowed is used to indicate that a control cannot interact for some reason, and is often used in forms

:d isabled, [disabled], [aria-disabled= ' true ']{

cursor:not-allowed;

}

2. Hide the mouse cursor

For example, the information query desk in public places, the entertainment platform needs the appropriate hidden mouse cursor, resulting in usability improvements.

video{

Cursor:none;

}

3. Zoom cursor

Several new zoom cursors are now available, namely Ew-resize, Ns-resize, Nesw-resize, nwse-resize

Often used on boundaries of custom scaling elements

[CSS disclosure] mouse cursor