天天看點

Easyui 修改|新增jquery-easyui icon圖示

修改|新增jquery-easyui icon圖示

by:授客 QQ:1033553122

測試環境

jquery-easyui-1.5.3

修改配置檔案

打開jquery-easyui-1.5.3\themes\icon.css檔案,檔案頭部添加目标圖示樣式,例子:

.icon{

background:url('../../icons/tabicons.png') no-repeat;

width:18px;

height:18px;

display:inline-block;

}

.icon-set{

background-position:-380px -200px;

.icon-sys-set{

background-position:0px -220px;

.icon-person{

background-position:-200px -480px;

以上舉例從大圖中“摳取”小圖示,如果是取整張圖檔作為小圖示,可以如下

background:url('../../icons/icon-person.png') no-repeat;

這裡示範的是添加,也可以對原有的進行修改

注意:css樣式存在優先級,之是以把自己添加的樣式放檔案最開頭是為了避免覆寫架構自帶的

引用圖示

<span class="icon icon-sys-set">     </span>

作者:授客

QQ:1033553122

全國軟體測試QQ交流群:7156436

Git位址:https://gitee.com/ishouke

友情提示:限于時間倉促,文中可能存在錯誤,歡迎指正、評論!

作者五行缺錢,如果覺得文章對您有幫助,請掃描下邊的二維碼打賞作者,金額随意,您的支援将是我繼續創作的源動力,打賞後如有任何疑問,請聯系我!!!

           微信打賞                       

支付寶打賞                  全國軟體測試交流QQ群  

Easyui 修改|新增jquery-easyui icon圖示
Easyui 修改|新增jquery-easyui icon圖示
Easyui 修改|新增jquery-easyui icon圖示