Html 通过CSS重新绘制SVG图像;填写「;不';行不通

Html 通过CSS重新绘制SVG图像;填写「;不';行不通,html,css,svg,Html,Css,Svg,我正在尝试用CSS重新绘制一个简单的SVG图像(如我在这里看到的): 我的HTML: 我的CSS: .myMenu{fill:red;} 它不工作了(见) 我做错了什么?fill用于svg标记,您有一个带有svg源的img元素,因此您不能使用fill更改图像颜色 相反,如果您想给图像上色,您可能需要考虑对img标记应用效果,尽管这可能无法实现您想要的确切结果 这对你有帮助。

我正在尝试用CSS重新绘制一个简单的SVG图像(如我在这里看到的):

我的HTML:

我的CSS:
.myMenu{fill:red;}

它不工作了(见)


我做错了什么?

fill
用于svg标记,您有一个带有
svg
源的
img
元素,因此您不能使用
fill
更改图像颜色

相反,如果您想给图像上色,您可能需要考虑对
img
标记应用效果,尽管这可能无法实现您想要的确切结果

这对你有帮助。