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 votes149 views2 answers
How to make border for letters in css
CSS
-1 vote147 views1 answer
Reset the entire box model
CSS
1 vote124 views1 answer
Give shadow all around uniformly css
CSS
0 vote160 views1 answer
Change size material checkbox
CSS
1 vote168 views3 answers
Rainbow text css
CSS
0 vote152 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
23 votes144 views5 answers
Flip image css
CSS
0 vote136 views1 answer
How to disable margin collapse between parent and child
CSS
43 votes136 views3 answers
Css center horizontally and vertically
CSS
1 vote147 views1 answer
Sass compressed style
CSS