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

23 votes192 views5 answers
Flip image css
CSS
0 vote177 views1 answer
Delete files with help of .getignore
CSS
0 vote188 views2 answers
Deployer custom Options
CSS
0 vote217 views1 answer
Css push div down
CSS
0 vote175 views2 answers
Min font-size
CSS
-1 vote167 views3 answers
Text in one line css
CSS
0 vote188 views2 answers
Wordpress style.css not updating
CSS
0 vote167 views1 answer
à quoi sert clearfix
CSS
48 votes181 views3 answers
Custom scrollbar
CSS
0 vote219 views1 answer
Convert firebase created_at to Date string
CSS