问答社区▲禁止灌水，灌水内容请到灌水乐园社区发布！▲禁止发布业等求源码的问题，请参考社区提问规范在思考实践后提出自己的问题
css中svg如何改变颜色
问答社区▲禁止灌水，灌水内容请到灌水乐园社区发布！▲禁止发布业等求源码的问题，请参考社区提问规范在思考实践后提出自己的问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
GameTomato 2023-09-01 15:10关注SVG图像的颜色是通过fill属性来控制的，但是fill属性通常用于路径元素（如 <path>、<circle>、<rect> 等）。而元素通常是用来显示外部的图像文件，不直接支持fill属性。</rect></circle></path>
可以将你的SVG文件作为内联SVG插入到HTML中，然后应用fill属性。如果希望直接在外部SVG文件中定义fill属性，那么需要确保SVG文件支持在HTML中直接使用fill属性。
希望能帮到你，加油~~~
解决 无用评论 打赏举报 分享
- 2021-10-14 17:31回答 3 已采纳 设置百分比 。
- 2023-01-21 13:23回答 2 已采纳 望采纳！！新年快乐🎉🎉 请使用下面这种的方式调用： logo[i].node().getTotalLength()
- 2023-01-31 22:05回答 1 已采纳 回答不易，求求您采纳点赞哦 一种方法是使用 CSS 设置颜色: svg path { fill: white; } 如果是多彩的 SVG 图标，可以通过在 CSS 中指定特定 path 的颜
- 2024-08-26 08:00Web - Nancy的博客 在项目中使用svg，部分svg的颜色与页面背景色很贴近，导致svg几乎看不到，因此需要解决效果。
- 2014-11-22 00:35回答 2 已采纳 You can specify stroke-widths in percentages, not just userSpace units. You can also specify shado
- 2018-03-02 10:18回答 1 已采纳 I would generate my own font file with all the icons used in the application... just like fontawes
- 2018-07-03 07:12回答 1 已采纳 I am really not into php, but here is what a small search lead me to. In order to remove the doct
- 2023-01-10 20:32Bessie234的博客 1、将svg 标签的第一个fill改为 fill="currentColor"2、将 path 里的 fill 属性 删除。这样svg图标颜色就会自动继承父元素的了。
- 2016-11-16 13:36回答 3 已采纳 
- 2022-09-19 08:21回答 1 已采纳 涉及到属性preserveAspectRatio，该属性的对齐方式均是以viewBox为对象比例一致时： 比例不一致时：
- 2023-02-06 03:49回答 1 已采纳 该回答引用ChatGPT 请参考下面的解决方案，如果有帮助，还请点击采纳，感谢支持！ 可以使用postcss-svgo插件来实现该功能。该插件可以将SVG代码优化，并删除特定的属性。步骤如下：1、安装
- 2023-05-06 09:28lazy_tomato的博客 首先以文本的形式打开我们的svg图标。可以用记事本或者vscode都可以。使用浏览器打开会直接看到svg的效果。
- 2022-03-10 10:16回答 2 已采纳 .card-list{ &:active{ color: #409eff !important; transition: background .3s;
- 2021-07-24 23:27"CSS3 SVG逼真水滴特效"正是这样一个技术应用，它利用了CSS3和SVG这两种强大的前端技术，来创建出逼真的水滴和水珠效果，使得网页元素更加生动有趣。 CSS3（Cascading Style Sheets Level 3）是CSS的最新版本，引入...
- 2022-10-12 17:16角落里的黄脸头子的博客 css修改svg颜色
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 9月20日-
创建了问题
9月1日
悬赏问题
- ¥15 C# 用partial定义部分类无法快速预览代码
- ¥15 fastreport 代码无法设置最后一页横线不显示
- ¥15 stm32u535芯片usb hid custom类接收数据有问题
- ¥20 quartus功能仿真
- ¥15 传染病最优控制问题，控制为什么没起作用
- ¥15 ue5.3 pico打包失败 求帮助
- ¥15 请教，这是用chatgpt写的CAD LISPD脚本，需求是画一个由双直线组成的矩形
- ¥50 微信小程序 成功包奶茶啊
- ¥15 计算机博弈的六子棋代码
- ¥15 在Fetch API中传送的参数为何不起作用？