CSS3使用Font Awesome字體圖標的控件樣例(按鈕,工具欄,輸入框)

     按鈕上加入font awesome圖標,用原生的input button標籤沒法實現,查看網上的只能經過<a><li></li></a>實現此功能,經過css樣式模擬出button的外形,給a標籤添加click的屬性,從而實現點擊效果。css

功能:   添加css樣式,模仿bootstrap的風格,實現按鈕加圖標的效果bootstrap

一、用 a標籤加入圖標的方式spa

參考連接:.net

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

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

 

 

 

能夠用button標籤加入圖標htm

 <button type="submit" class="btn btn-success">
          <i class="fa fa-check" /> 
          </i>肯定
      </button>
相關文章
相關標籤/搜索