tnblog
首页
视频
资源
登录

如何使用图标像使用文字一样,使用文本图标的方法

3055人阅读 2018/12/17 21:24 总访问:26180 评论:0 收藏:0 手机
分类: js
  1. 1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车

  2. 然后选择图标;

  3. 注意:每个类型的图标会大小不一样的;

  4. 登陆时用新浪账号登陆可直接扣扣登

  5. 下载代码,并解压,拖入项目:

  6. 打开demo_unicode.html 可以看到图标的

    unicode 码



9.引用iconfont.css

<link href="scripts/Missile.login/css/iconfont.css" rel="stylesheet" />

10.class引用 iconfont:


11.实例:

<div class="col-sm-9">
   <input type="text" class="form-control  iconfont" placeholder="&#xeb8a; 用户名" id="loginid" />
  </div>

评价
不需要签名
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术