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 votes386 views5 answers
Center div using flex
CSS
43 votes382 views5 answers
Css text overflow
CSS
5 votes344 views2 answers
Transition transform
CSS
0 vote351 views2 answers
Order
CSS
6 votes424 views5 answers
Font-style css
CSS
1 vote408 views1 answer
Css rules only for mozilla
CSS
0 vote367 views1 answer
How to make website using html and css
CSS
0 vote369 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
72 votes389 views4 answers
White rgb color
CSS
0 vote351 views1 answer
Build a responsive real world website from scratch html css
CSS