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

25 votes104 views5 answers
Line spacing css
CSS
1 vote100 views1 answer
Css on hover do something to children
CSS
0 vote119 views1 answer
Color transition time css
CSS
50 votes108 views4 answers
Truncate text css
CSS
0 vote106 views1 answer
Input padding without changing width
CSS
2 votes108 views3 answers
Remove border css
CSS
1 vote97 views1 answer
Css bg code
CSS
1 vote142 views1 answer
Input date icon color change
CSS
0 vote105 views1 answer
Html css how to arrange images of different sizes
CSS
0 vote113 views1 answer
Look and Feel
CSS