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 vote172 views1 answer
Add dots instead of line break in css
CSS
0 vote141 views1 answer
How to center an overlay button using css transform and translate
CSS
0 vote128 views1 answer
Secondline ellipsis
CSS
0 vote139 views1 answer
Selectors combinators css
CSS
3 votes145 views1 answer
Css visibility transition
CSS
2 votes159 views2 answers
Css move inline image up
CSS
0 vote146 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
1 vote123 views2 answers
Css change the button text value
CSS
0 vote129 views1 answer
Css remove white space below footer
CSS
0 vote187 views1 answer
Outting a border on a map css
CSS