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 vote183 views1 answer
Html display text in alternating coloured panels
CSS
0 vote177 views1 answer
NeuMorphisme button code
CSS
32 votes182 views6 answers
Css animations
CSS
29 votes216 views4 answers
@font-face css
CSS
0 vote165 views1 answer
Extend Report jenkins css missing
CSS
8 votes182 views2 answers
Css border bottom
CSS
7 votes171 views3 answers
Border-width in percentage
CSS
0 vote202 views1 answer
Css custom cursor form image
CSS
0 vote180 views1 answer
Make element no styles
CSS
0 vote196 views1 answer
Separar letras en css
CSS