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 vote379 views1 answer
Bootstrap 5 css how to change
CSS
1 vote370 views2 answers
How to lighten the color of text in html
CSS
2 votes366 views6 answers
Add image to css
CSS
3 votes356 views2 answers
Css crop image to circle
CSS
0 vote375 views1 answer
Move text outside div
CSS
0 vote406 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
1 vote425 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
0 vote381 views1 answer
Javascript typewriter effect left to right
CSS
0 vote340 views1 answer
Where is sendmail in lampp
CSS
0 vote386 views2 answers
Position relative and absolute difference in css
CSS