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 votes364 views1 answer
Bootstrap darkmode
CSS Bootstrap
3 votes332 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
0 vote335 views1 answer
Bold in label html
CSS
0 vote332 views1 answer
Scroll x css
CSS
4 votes395 views6 answers
Aos library
CSS
1 vote295 views1 answer
Outside padding css
CSS
0 vote338 views1 answer
How to package tailwindcss for deployment
CSS
0 vote377 views1 answer
Install webpack encore
CSS
0 vote344 views1 answer
Jquery hide scrollbar but allow scrolling
CSS
0 vote343 views1 answer
Stop mysqld.exe cmd
CSS