设置 pointer-events="fill" 即使其填充设置为 none,也可以在形状上接收鼠标事件

<svg viewBox="0 0 100 100">
    <style>
        circle:hover{fill:green}
    </style>
    <circle class="target" cx="50" cy="50" r="50" fill="none"/>
</svg>