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 vote185 views1 answer
CSS - The Class Selectors
CSS
68 votes148 views6 answers
Add css file in html
CSS
0 vote172 views1 answer
Css media two conditions
CSS
22 votes196 views2 answers
Css set styles for input text
CSS
0 vote176 views1 answer
Tailwindcss init full
CSS
0 vote181 views1 answer
Css space inter words
CSS
1 vote172 views2 answers
Only ie css
CSS
44 votes166 views6 answers
Gradient color css
CSS
0 vote190 views1 answer
CodeIgniter + WordPress integration
CSS
7 votes129 views2 answers
Html vertical and horizontal center
CSS