CSS3使用Font Awesome字体图标的控件样例(按钮,工具栏,输入框)

     按钮上加入font awesome图标,用原生的input button标签无法实现,查看网上的只能通过<a><li></li></a>实现此功能,通过css样式模拟出button的外形,给a标签添加click的属性,从而实现点击效果。

功能:   添加css样式,模仿bootstrap的风格,实现按钮加图标的效果

1、用 a标签加入图标的方式

参考链接:

    http://www.111cn.net/cssdiv/css/105344.htm

<a class="btn btn-danger" href="#">
  <i class="fa fa-trash-o fa-lg">
</i> Delete</a>

可以用button标签加入图标

 <button type="submit" class="btn btn-success">
          <i class="fa fa-check" /> 
          </i>确定
      </button>
原文地址:https://www.cnblogs.com/hzijone/p/6019281.html