Css hover but no click

Css disable mouse events

pointer-events: none;

Cursor pointer events none

ele.style.pointerEvents = "none";

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

Css hover but no click

div:hover {pointer-events: none}
div {pointer-events: auto}

Source: stackoverflow.com

Similar codes

0 vote160 views1 answer
NeuMorphisme button code
CSS
0 vote158 views1 answer
Css animated cross mark
CSS
11 votes162 views1 answer
Html no cursor when link
CSS
0 vote149 views1 answer
Css hollow circle
CSS
0 vote153 views1 answer
How to disable phone number linking in Mobile Safari
CSS
0 vote172 views1 answer
Removing default background color of html input
CSS
2 votes187 views1 answer
How to add a black border around text css
CSS
3 votes151 views2 answers
Align an entire second row center css grid
CSS
1 vote149 views1 answer
Jquery css multiple line
CSS
1 vote161 views3 answers
Read more dots css
CSS