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

1 vote352 views1 answer
Cmd hash file
CSS
1 vote322 views1 answer
Perfect circle css
CSS
0 vote345 views1 answer
Hover media query
CSS
1 vote436 views4 answers
Button style css
CSS
38 votes318 views5 answers
Css roboto font
CSS
0 vote325 views1 answer
Background affter layer css
CSS
0 vote334 views1 answer
Css 16 9 ratio
CSS
0 vote336 views1 answer
Css orange color
CSS
0 vote313 views1 answer
Css orientations
CSS
0 vote337 views1 answer
Padding bottom and top css in same ligne
CSS