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 vote126 views1 answer
Jquery change css variiable value
CSS
8 votes123 views2 answers
Horizontal align icon css
CSS
0 vote130 views1 answer
How to enlarge image when hover on in css
CSS
10 votes151 views2 answers
Css list items next to each other
CSS
0 vote124 views1 answer
Locale_translation_projects_alter
CSS
8 votes188 views3 answers
Bootstrap file upload
CSS Bootstrap
3 votes121 views2 answers
How to align form buttons right
CSS
2 votes120 views1 answer
Centering the image
CSS
0 vote111 views1 answer
Css on field blank red border
CSS
0 vote136 views1 answer
Lando expose database port
CSS