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

32 votes270 views2 answers
Git stop merge
CSS
13 votes340 views6 answers
Tailwind center vertically
CSS
2 votes284 views2 answers
Display flex align last item to left
CSS
0 vote363 views1 answer
Html appelé fichier css
CSS
0 vote283 views1 answer
Format hexagonal css get
CSS
0 vote279 views1 answer
Scroll down style
CSS
0 vote284 views2 answers
Css text truncate 2 lines
CSS
35 votes263 views2 answers
How to blur background color in css
CSS
1 vote299 views1 answer
Show max word with css
CSS
60 votes289 views5 answers
Rotate div css
CSS