css - 悬停前后不同的CSS样式

Question

我有一个 svg 对象，我希望它有不同的样式:a)第一次加载图像(填充:白色)b) 当鼠标悬停在对象上时(填充:黄色)c) 当鼠标离开对象时(填充:蓝色)

我似乎找不到如何分离 a) 和 c) 状态。

提前致谢

Answer 1

我是 stackoverflow 的新手，所以这可能不是一个好的答案，但我会尽力正确回答这个问题。

我认为您应该尝试使用 jQuery，您要做的是在 CSS 中设置起始值，Fill: White。然后在 jQuery 中你会

$("YOUR SELECTOR").hover(function(){
$(this).css("background", "yellow");
}, function(){
$(this).css("background", "blue");
});

有关这方面的更多解释，请访问:here

希望这对您有所帮助，我是 stackoverflow 的新手，所以请多关照 ;)

干杯