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