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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM