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

8 votes395 views2 answers
Background image no repeat fill
CSS
34 votes386 views2 answers
Box position in center css
CSS
7 votes398 views2 answers
Css change link color in class
CSS
41 votes367 views4 answers
How to center text in css
CSS
1 vote374 views1 answer
How do center using margin
CSS
7 votes478 views2 answers
Stick footer to bottom
CSS
0 vote372 views2 answers
Center a fixed div horizontally
CSS
0 vote400 views1 answer
React right burger scrol bar
CSS
1 vote381 views1 answer
Gatsby hide scroll bar
CSS
0 vote382 views1 answer
Css change browser color
CSS