位置: 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)(布拉索夫地图)

  • 企业所得税怎么算出来
  • 所得税汇算清缴分录怎么做
  • 土地增值所得需交什么税
  • 企业所得税低于多少不用交
  • T3现金流量表怎么删除
  • 小规模纳税人办公场地要求
  • 所得税季报利润表怎么填
  • 城建税纳税申报表
  • 营业成本增加会导致
  • 应付职工薪酬账务处理例题
  • 预付账款只有部分开了发票怎么入账
  • 母公司派遣员工到子公司解散补偿金
  • 工会经费计入应付职工薪酬
  • 协会核定的税种都有哪些?
  • 同一地级行政区指什么
  • 全国失信人员信息
  • 旅游业差额开票税率
  • 个体户的定额发票怎么领
  • 待抵扣进项税 待认证进项税
  • 申报个税是按哪个月的工资表
  • 计提代扣代缴个税
  • 鸿蒙系统桌面如何设置
  • 可以用鸿蒙系统的手机
  • 系统属性的表现
  • ue4 像素流并发
  • Win10 Build 19044.1379/19043.1379更新补丁KB5007253预览版推送
  • linux系统中文输入法切换不出来
  • 退回银行本票会计分录
  • 从奎雷英山口看到的 Leum na Luirginn湖和Cleat湖,英国斯凯岛 (© Sebastian Wasek/Sime/eStock Photo)
  • Calanques de Piana岩层上的一个心形洞,法国科西嘉岛 (© joningall/Getty Images)
  • 事业单位委托业务费的现金流量
  • 面试官:一千万是真的吗
  • 科技推广和应用服务业行业
  • 使用session的步骤
  • 印花税应税凭证数量是什么意思
  • vue中用echarts
  • vuexl
  • 远期外汇合约的特点
  • 出售在建工程账务处理
  • 织梦系统基本参数
  • 差旅费报销金额大于实际发生金额
  • 合并资产负债表图片
  • db2 -968
  • 股权激励费用摊销意思是
  • 收到生育津贴会计分离
  • 买一赠一是什么促销方式
  • 购房补贴退契税多久到账
  • 跨年度收取的租金是什么
  • 端午节发放的现金福利会计处理
  • 收到工程进度款怎么做分录
  • 公司与公司之间人与人之间最大的区别
  • 无息的银行承兑汇票
  • 赔付支出包括
  • 补开以前的发票可以抵企业所得税吗?
  • 养猪场财务账目怎么做
  • 金三税务系统怎样修改财务人员跟办税人?
  • 哪些个体户要报残保金
  • 如何理解施工企业的周转材料
  • 核定征收需要带什么资料
  • 什么是计提坏账准备
  • 会计 预提
  • sql server数据库正在恢复
  • 正确使用显微镜的七个步骤
  • Windows Server 2008与2012建立林信任详细步骤
  • 电脑windowxp系统重装
  • redhat磁盘挂载
  • win7系统怎么卸载显卡驱动
  • linux给文件赋全部权限
  • cocos2dx4.0教程
  • u3d手游开发
  • bootstrap 下拉按钮
  • cmd中文名称
  • ubuntu14重置密码
  • javascript definitive guide
  • linux c语言获取当前路径
  • javascriptj
  • python魔法方法详解
  • 定额发票网上查询
  • 下载重庆税务官方app
  • 个人所得税小孩上大学可以扣除吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设