場景

inspinia前端模板官網(wǎng)：

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

離線版2.8下載：

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

現(xiàn)在要修改其圖標(biāo)。

官方修改文檔：

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

實(shí)現(xiàn)

<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>

圖標(biāo)效果

通過添加"<i class="fa fa-reply"></i>來添加圖標(biāo)

此模板引用的圖標(biāo)樣式為：

Font Awesome

官網(wǎng)：

http://fontawesome.dashgame.com/

根據(jù)官方文檔修改圖標(biāo)：

?

<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> 導(dǎo)入</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> 生成入庫單數(shù)據(jù)</button><button id="refreshBt" class="btn btn-info " type="button"><i class="fa fa-refresh"></i> 刷新</button>

效果：

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。