マウスが画像の上に移動したときに、svg 画像のストロークの色を変更しようとしています。私が今持っているものは、ストロークの色を変えません。その理由はわかりません. devtools を使用してストロークの色を手動で変更すると、正常に動作します。
オブジェクトを使用して svg をロードする#documentと、インスペクターに項目が表示されることに気付きました。マウスを画像の上に置いたときに色が変わらない理由に影響はありますか?
<li class="nav-item">
<a href="">
<object data="/images/icon.svg"></object>
</a>
</li>
.nav-item {
svg:hover {
path {
stroke: #da25e7;
}
}
}