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 vote313 views1 answer
Position absolute center with transform
CSS
0 vote395 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
0 vote336 views1 answer
Javascript typewriter effect left to right
CSS
0 vote304 views1 answer
Css line-through color
CSS
7 votes313 views3 answers
Push failed
CSS
0 vote311 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
24 votes288 views4 answers
How to remove link blue color from a tag using css
CSS
0 vote360 views1 answer
Css horizontal line around text
CSS
0 vote321 views1 answer
How to make the select box font size small in css
CSS
0 vote333 views1 answer
Css contour
CSS