我想让所有 svgs 都具有相同的纯色。所以我用
svg *{
fill: #ccc;
}
但我想在 :hover 上获得默认填充。如何禁用填充并恢复默认值?
您可以使用以下方法执行此操作:not()
并有效地设置“不悬停”的样式。
svg *:not(:hover){
fill: #ccc;
}
上面的方法可能可行,这里有一个快速的 CodePen,您可以使用:http://codepen.io/anon/pen/rrqyAx
您可以了解更多信息Mozilla 开发者网络条目:not()
或者(我很好奇)你可以使用 fill:inherit - 这同样有效。在这种情况下,使用的颜色将从父 svg 的填充值继承,也可以在 css 中设置。
svg *:hover{
fill : inherit;
}
我已将以此方式设置样式的 svg 添加到 CodePen 中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)