位置: IT常识 - 正文

【css】svg修改图标颜色(svg怎么改大小)

编辑:rootadmin
【css】svg修改图标颜色

推荐整理分享【css】svg修改图标颜色(svg怎么改大小),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:修改svg图片大小,svg图片修改,svg图片设置背景图,css如何调整svg图标大小,svg格式的图片可以随意更改颜色吗,css改变svg图片颜色,修改svg图片大小,svg图片修改,内容如对您有帮助,希望把文章链接给更多的朋友!

项目中使用了大量的svg图标,一开始只是导入直接使用,直到产品提出要根据条件修改图标的颜色

svg教程||菜鸟教程

可以简单看下教程了解下svg

【css】svg修改图标颜色(svg怎么改大小)

SVG 意为可缩放矢量图形,SVG 使用 XML 格式定义图像。

导入项目的svg图标大概是这样

有个path路径,并且有类名

在style中有个fill对应的颜色就是svg的图标颜色

关于这个fill属性,大概的解释是fill 属性设置形状内的颜色 需要改颜色的话,要在svg图标的内部,把这个类名改成这样

.st0{fill:currentColor;}

然后再加一个svg类名,path上的类名不用动

.svg{ fill:currentColor; color:#1890FF;//这里是默认颜色}

在页面上通过v-if控制

<svg-icon class-name="xxx" icon-class="xxx" v-if="scope.row.deptCode == '1'" style="fill: currentColor; color: c0c4cc"></svg-icon> <svg-icon class-name="xxx" icon-class="xxx" v-else style="fill: currentColor; color: #1890ff"></svg-icon> 新增下级 </el-button>
本文链接地址:https://www.jiuchutong.com/zhishi/285111.html 转载请保留说明!

上一篇:橡皮树怎么养(橡皮树怎么养护)

下一篇:布拉索夫中央广场的圣诞市集,罗马尼亚 (© Alpineguide/Alamy)(布拉索夫地图)

  • 公司替员工承担个税怎么入账
  • 缴纳增值税做账
  • 企业所得税季报资产总额怎么填
  • 个体工商户是否跨省经营
  • 文化建设费退税会计分录怎么做
  • 冲销暂估原材料
  • 对公账户汇款方式
  • 红发票和蓝发票
  • 工会经费的工资薪金总额包括保险吗
  • 信用减值损失在借方
  • 残保基金的计算公式
  • 高新技术企业发展现状
  • 增值税的核算方式
  • 发票现金支付的做账增值税
  • 增值税为什么不重复征税
  • 资产减值损失转回的账务处理
  • 专项费用包括哪两种
  • 暂估的成本跨年了怎么冲销后要调整报表吗
  • 会计档案的概念和内容
  • 存货周转天数一般在多少为合适
  • 国税是负税需要缴税吗
  • 特朗普政府公布大力度减税方案
  • 三免三减半税收优惠政策文件
  • 应税货物销售额怎么计算
  • 收到投资款不做资本可以做什么?
  • 挂错科目怎么调整
  • 缴纳人身意外保险凭证是什么
  • 上月暂估入账的原材料的发票已经送到财务部
  • msiexec.exe是什么进程介绍
  • 股权转让投资款怎么入账
  • 工会经费使用具体办法
  • 发票未到先付款的账务处理
  • regsvc32.exe - regsvc32是什么进程 有什么用
  • 收到债劵利息会减少吗
  • 费用分摊的分录
  • 债务重组利得计入投资收益还是营业外收入
  • php两种赋值方式
  • 睿因无线路由器怎么设置
  • 预计负债的所得税怎么算
  • 审核过程中发现的问题应由被审核部门实施纠正
  • 加班费的计算基数包括补贴吗
  • web核心的三个标准
  • php array_fill
  • squid 启动命令
  • MongoDB aggregate 运用篇个人总结
  • 季中转一般纳税人申报了小规模后无法勾选认证
  • 调减加计抵减额什么意思
  • mysql 忘记密码重置密码
  • 企业与个人之间关系的理解
  • 新销售收入的确认条件
  • 国税申报流程怎么操作的
  • 企业期末预收账款怎么算
  • 企业哪些行为可以避税
  • 补缴年报所得税怎么填
  • 小规模纳税人涉嫌虚开发票
  • 新办企业在建期间账务处理
  • 应税劳务会计分录
  • 企业收到税务退回税金会计分录怎么写
  • 税盘减免会计分录
  • 免征印花税的6个项目
  • 哪些税金不计入应交税费
  • 会计核算采用什么形式
  • 个人如何成立公司
  • 工业企业进项税和销项税均为17%
  • sql2000删除
  • 微软更新kb4474419
  • ffplay播放视频命令
  • 电脑上view是什么意思
  • ubuntu安装office2019
  • unity多人语音
  • jquery+ajax实现省市区三级联动效果简单示例
  • 深入理解计算机系统
  • jquery.multiselect多选下拉框实现代码
  • node爬取数据
  • unity引擎工具
  • 广东增值税电子普通发票怎么开
  • 税务机关一案双查管理办法
  • 银行关联方认定标准是什么
  • 关于农村养殖和环保规定解资料
  • 国家税务总局2016年17号公告
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设