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

2025-04-28 10:46:39

1、方法一:在html代码中嵌入样式代码,设置color杨钭维程属性, 例如:<i class="Hui-iconfont" style=&qu泠贾高框ot;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框架图标颜色
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢