我可以用CSS更改svg路径的填充颜色吗？

作者

我有以下代码：

&lt；span&gt；
&lt；svg height=“32”version=“1.1”width=“32”xmlns=”http://www.w3.org/2000/svg“style=“溢出：隐藏；位置：相对；左侧：-0.0166626px；顶部：-0.983337px；”；
&lt；描述&gt&lt/描述&gt；
&lt；defs/&gt；
&lt；路径样式=“fill=“#333333”stroke=“none”d=“M15.985,5.972C8.422,5.972,2.28999999999,10.049,2.28999999999999,15.078C2.28999999999999999,17.955,4.302999999999999999999………..1,27.68,22.274Z”/gt；
&lt/svg&gt&amp；nbsp；
&lt/span&gt；

是否可以使用CSS或其他方式更改SVG路径的填充颜色，而不在路径标记内实际更改它

是的，您可以将CSS应用于SVG，但是您需要匹配元素，就像设置HTML样式一样。如果您只想将其应用于所有SVG路径，可以使用，例如：

​路径{
填充：蓝色；
}​

外部CSS似乎覆盖了路径的fill属性，至少在我测试的基于WebKit和Gecko的浏览器中是这样。当然，如果你写，比如说，&lt；路径样式=“填充：绿色”&gt那么这也将覆盖外部CSS

相关文章：

  1. 如何使浮动元素居中？
  2. 用于Firefox的自定义CSS滚动条
  3. 大纲对文本的影响
  4. 如何调整单个flexbox项（覆盖调整内容）[重复]

发表评论

© 2026 开发百科-程序代码问答平台 • Built with