Css pointer event

Css cursor pointer

cursor: pointer;
/* Mouse image is a hand */

Css disable mouse events

pointer-events: none;

Css cursor pointer

body {
  	/*(Cursor image must be 32*32 pixles)*/
	cursor: url(CURSOR_URL), auto;
}

Css pointer event

pointer-events: auto;
pointer-events: none;
pointer-events: visiblePainted; /* SVG only */
pointer-events: visibleFill;    /* SVG only */
pointer-events: visibleStroke;  /* SVG only */
pointer-events: visible;        /* SVG only */
pointer-events: painted;        /* SVG only */
pointer-events: fill;           /* SVG only */
pointer-events: stroke;         /* SVG only */
pointer-events: all;            /* SVG only */

/* Global */
pointer-events: inherit;
pointer-events: initial;
pointer-events: unset;

Source: developer.mozilla.org

Similar codes

4 votes357 views2 answers
Bootstrap icons sdn
CSS Bootstrap
1 vote384 views1 answer
Use css in cshtml
CSS
37 votes338 views4 answers
Css circle border
CSS
5 votes358 views1 answer
Html how to indent text
CSS
1 vote348 views2 answers
Rainbow text with css
CSS
1 vote330 views1 answer
Css grid auto resize on mobile
CSS
1 vote334 views1 answer
Change color of mark tag in html
CSS
0 vote340 views2 answers
Image horizontal scrolling in html
CSS
0 vote342 views3 answers
Detect system dark mode
CSS
0 vote414 views1 answer
Progress bar bootstrap border
CSS Bootstrap