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

3 votes248 views4 answers
How to remove border on button click
CSS
-2 votes244 views2 answers
Text sliding css
CSS
4 votes250 views2 answers
How to give background overlay in css
CSS
10 votes251 views3 answers
Javascript average of numbers in array
CSS
2 votes257 views2 answers
Display none transition
CSS
1 vote232 views1 answer
Css text bubble
CSS
10 votes263 views4 answers
Css align ul li horizontal
CSS
1 vote255 views1 answer
Span nowrap
CSS
55 votes258 views5 answers
Margin shorthand CSS
CSS
0 vote263 views1 answer
Css media query gist
CSS