場景

inspinia前端模板官網：

http://cn.inspinia.cn/layouts.html

離線版2.8下載：

https://download.csdn.net/download/badao_liumang_qizhi/11262544

現在要修改其圖標。

官方修改文檔：

http://cn.inspinia.cn/icons.html

實現

<button id="resetBtn" class="btn btn-info mt-2" type="button"><i class="fa fa-reply"></i> 重置</button> <button id="searchBtn" class="btn btn-info mt-2" type="button"><i class="fa fa-search"></i> 搜索</button>

圖標效果

通過添加"<i class="fa fa-reply"></i>來添加圖標

此模板引用的圖標樣式為：

Font Awesome

官網：

http://fontawesome.dashgame.com/

根據官方文檔修改圖標：

?

<button id="detailBtn" class="btn btn-info " type="button"><i class="fa fa-eye"></i> 查看</button><button id="delBtn" class="btn btn-info " type="button"><i class="fa fa-trash-o"></i> 刪除</button><button id="submitBtn" class="btn btn-info " type="button"><i class="fa fa-arrow-up"></i> 提交</button><button id="importBtn" class="btn btn-info " type="button"><i class="fa fa-file-excel-o"></i> 導入</button><button id="printBtn" class="btn btn-info " type="button"><i class="fa fa-print"></i> 打印</button><button id="dowloadBtn" class="btn btn-info " type="button"><i class="fa fa-download"></i> 模板下載</button><button id="InOrderBtn" class="btn btn-info " type="button"><i class="fa fa-plus"></i> 生成入庫單數據</button><button id="refreshBt" class="btn btn-info " type="button"><i class="fa fa-refresh"></i> 刷新</button>

效果：

總結

以上是生活随笔為你收集整理的inspinia前端模板怎样修改图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。