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

5 votes114 views1 answer
How to hange the color of your cursor in css
CSS
0 vote76 views1 answer
Scss add class to body
CSS
0 vote120 views1 answer
Restore mySQL database from .bz2
CSS
0 vote120 views1 answer
Schatten css
CSS
0 vote109 views1 answer
Ubuntu phantomjs wrong paper size
CSS
0 vote127 views1 answer
Make td match display flex
CSS
-1 vote127 views2 answers
How to put different p elements next to each
CSS
0 vote104 views1 answer
Css ol align center
CSS
16 votes111 views4 answers
Scss to css
CSS
0 vote118 views1 answer
Enhancer for Youtube DeepDark Theme
CSS