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 vote310 views2 answers
Css comment placer un icon sur une photo
CSS
0 vote297 views1 answer
Responsive gradient background css
CSS
1 vote325 views2 answers
Png image background transparent css
CSS
8 votes303 views4 answers
Css fill div with background image
CSS
1 vote283 views1 answer
Change text color li css
CSS
0 vote312 views1 answer
How to give opacity to background only
CSS
59 votes315 views4 answers
Rgb blue color code
CSS
1 vote291 views2 answers
Input autocomplete css color
CSS
1 vote326 views1 answer
Vertical line between two divs
CSS
16 votes323 views4 answers
Full page background image in html
CSS