教你修改H-ui框架图标颜色

 时间:2024-10-31 11:27:25

1、方法一:在html代码中嵌入样式代码,设置color属性, 例如:<i class="Hui-iconfont" style="color:#ff0000">&#xe604;</i>效果如图:

教你修改H-ui框架图标颜色

2、方法二:在外部css样式文件中设置对应图标的color属性,例如:<i class="Hui-iconfont" id="myIco">&#xe709;</i>css文件中添加如下代码:#myIco{ color:#ff00cc; font-size:24px; /*同样的,也可以自定义图标大小*/}

教你修改H-ui框架图标颜色

3、方法三:找到H-ui框架的图标样式文件:iconfont.min.css;Ctrl+F并输入Hui-iconfont查找到对应的class,添加color属性设置成想要的颜色;

教你修改H-ui框架图标颜色
  • 能用wps打开的文档word打不开怎么办?
  • word文档用wps打开排版不对
  • WPS使用技巧之word标题设置以后固定不变
  • word设置段前间距不生效怎么解决
  • Word页首标题段前距不显示怎么办
  • 热门搜索
    韩国旅游买什么最值 of course是什么意思 icac是什么意思 矜持不苟的意思是什么 天枰座和什么星座最配 什么叫轻浮 贺词祝福语 闺蜜生日快乐祝福语 一衣带水是什么意思 purpose是什么意思