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

10 votes237 views2 answers
Make image darker in css
CSS
2 votes231 views1 answer
Large input box bootstrap 4
CSS
-1 vote212 views1 answer
Css backdrop filter grayscale
CSS
1 vote231 views2 answers
Sass run and compile css
CSS
0 vote233 views2 answers
Blockquote quotation marks css
CSS
0 vote217 views1 answer
Flex box divs squeeze together
CSS
0 vote217 views1 answer
Opposite of :not css
CSS
1 vote219 views2 answers
Style input number arrows
CSS
1 vote223 views1 answer
Css selector not contain
CSS
0 vote203 views1 answer
Different :after and ::after
CSS