css - 将填充(颜色)应用于 SVG 图像

标签 css svg

我一直在尝试使用 fill 应用不同的颜色到一个没有成功的 svg。不知道我做错了什么!这是我的 jsfiddle 。谢谢。

最佳答案

您不能在 img 标签中更改 SVG 图像。您应该像这样在 HTML 中内联 SVG 图像:

 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
     <path d="M0 0h24v24h-24z" fill="none"/>
     <path class="check" d="M12 1l-9 4v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12v-6l-9-4zm-2 16l-4-4 1.41-1.41 2.59 2.58 6.59-6.59 1.41 1.42-8 8z"/>
 </svg>

关于css - 将填充(颜色)应用于 SVG 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27279387/

相关文章:

html - 通过“所有 : unset“breaks inline SVG”重置 CSS

html - 使用 Bootstrap 选择文本居中对齐

javascript - 使用 javascript 更改焦点 css

css - 补偿 Safari 的边框半径绘图

svg - SVG 元素上的框阴影动画

html - 在背景图像上动画虚线 svg

svg - DrawingML 到 SVG 的转换?

html - 在 chrome 中缩放没有空白的嵌入式 svg

html - 如何为响应式窄显示定义 DIV 堆栈排序

html - CSS3 自定义复选框什么都不做