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

2 votes306 views2 answers
How to center a inline block element
CSS
1 vote305 views1 answer
Css flip svg
CSS
14 votes291 views5 answers
Make background image full width
CSS
0 vote294 views2 answers
SCSS lighten
CSS
20 votes299 views7 answers
Css vertical align
CSS
5 votes299 views2 answers
Css especifico para safari
CSS
0 vote276 views2 answers
Css animation not working
CSS
0 vote295 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
0 vote339 views2 answers
Bulma uppercase
CSS Bulma
211 votes367 views10 answers
Css padding
CSS