我有一个svg我在哪里我强调path的hover。这是我的svg
<svg version="1.1" x="0px" y="0px" viewBox="0 0 2986 886" enable-background="new 0 0 2986 886">
<image display="block" overflow="visible" width="2986" height="886" xlink:href="/A-1.jpg">
</image>
<path fill="none" stroke="#000000" strokeWidth="0.25" stroke-miterlimit="10" points="2781.5,905 2986,905 2986,865.6
2842.7,634.6 2635.2,601.1 " id="1"></path>
....
</svg>
这是我的css：
svg path{
fill:none;
pointer-events:all;
}
svg path:hover {
fill: rgba(73,143,226,0.80);
border: 5px solid #31C6FF;
}
svg rect:hover {
fill: rgba(73,143,226,0.80);
border: 5px solid #31C6FF;
}
svg polygon:hover {
fill: rgba(73,143,226,0.80);
border: 5px solid #31C6FF;
}
当hover我path将自己的颜色更改为正确的颜色时，却没有看到border。我有什么误会？
为此SVG，请使用stroke属性而不是border。
编辑：正如问题的所有者在注释中指出的那样，stroke-opacity: 1以及stroke和都是必需的stroke-width。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句