Skip to main content

All Questions

Tagged with
1 vote
1 answer
73 views

How to apply hover to only the X not the circle

How would I be able to apply the hover transition to only the X and not the circle? How would that be done in the code? https://jsfiddle.net/c2sah0x6/ Only the X should change color on hover, not the ...
user avatar
3 votes
0 answers
892 views

change colour of an svg from an external source on hover [duplicate]

I have an img tag with a src attribute referring to an icon from an external source. This icon renders as an svg. I want to change the colour of the icon to blue on hover. The colour has to be ...
Dominika Kulakowska's user avatar
0 votes
1 answer
243 views

Path reordering in SVG file > loose of CSS Definition in FireFox

stylesheet definitions: path { fill: #CCCBCB; stroke: #FFFFFF; stroke-width: 0.5px; } path:hover { stroke: red; stroke-width: 5px; opacity: 0.6; pointer-events: all; } The following ...
Hirschferkel's user avatar
3 votes
1 answer
3k views

Mouse handling for overlapping SVG elements not working as expected

I have several SVG path elements, each of which is inside a parent svg element, like so: <svg class="connector" style="position:absolute;left:277.5px;top:65px" position="absolute" pointer-events:"...
MindJuice's user avatar
  • 4,231
0 votes
0 answers
209 views

:hover only on path's fill in SVGs?

Is it possible to only have the CSS :hover fire when on actually within the path? My path doesn't take up the whole div, and I only want it to fire when within the actual path. I figure only having it ...
SalmonMode's user avatar