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

10 votes361 views4 answers
Composer self update version 1
CSS
1 vote362 views1 answer
Z-index on position absolute
CSS
3 votes317 views1 answer
Css visibility transition
CSS
0 vote339 views1 answer
Dynamic multi-level in vuejs
CSS
1 vote309 views1 answer
Li only showing first bullet
CSS
0 vote322 views2 answers
Css grid reverse column order
CSS
18 votes328 views4 answers
Grayscale css
CSS
8 votes312 views1 answer
How to align items in css
CSS
5 votes335 views2 answers
Important css
CSS
0 vote381 views1 answer
Bootstrap-scss github
CSS Bootstrap