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

12 votes356 views2 answers
Other children than first css
CSS
0 vote381 views1 answer
Menu always center css
CSS
1 vote332 views1 answer
How to desactivate txt selection css
CSS
0 vote349 views1 answer
Grape change status code
CSS
1 vote360 views2 answers
Selector css
CSS
0 vote407 views1 answer
How fixed image at top
CSS
1 vote426 views1 answer
Materialize customize container
CSS Materialize
4 votes364 views2 answers
Bootstrap icons sdn
CSS Bootstrap
0 vote370 views1 answer
@font-face multiple font weights
CSS
22 votes426 views2 answers
React bootstrap carousal not working
CSS Bootstrap