javascript - path:hover 不会使用 style="fill:rgb(255,60,60) 格式设置的填充属性
问题描述
<body>
<style>
path:hover{
fill:orange;
}
</style>
<svg width="25%" height="25%" viewBox="0 0 102 102" xmlns="http://www.w3.org/2000/svg">
<path d="M24,58a28,28,0,1,1,55,0l21,4a50,50,0,1,0-97,1z" style="fill:rgb(255,60,60)"></path>
<path d="M19,16a46,46 0,1,0 62,0l-8,8a34,34 0,1,1-46,0z" fill="rgb(0,255,0)"></path>
<path d="M46,43v35a28,28 0,0,1-14-49zM54,43v35a28,28 0,0,0 14-49z" fill="#396"></path>
</svg>
</body>如果您将 style="fill:rgb(255,60,60)" 更改为 style="fill:#ff00ff" 它将起作用