在 CSS 中悬停时更改 img src SVG [重复]

Question

中文：

css（密歇根州标准）：

.logo-img path:hover {fill: red;}

有没有办法在悬停时更改img svg上的十六进制代码？




Answer 1

匿名用户

src 属性中的 svg 将作为文件加载，因此它不可编辑。

如果您打算修改填充、描边等，应该在< code >中使用您的< code>logo.svg

Answer 2

我不认为只使用CSS可以做到这一点，但是如果你能改变超文本标记语言，你可以用一点JavaScript来做到这一点。

像这样：

onmouseover="this.src='newSrcHover.jpg';"

或者您可以更改：hover…上的background-image:url（'linkToNewImage'）property，虽然这会更改悬停时的图像，可能对某些人来说已经足够了，但它不是src。JS型是。