修改|新增jquery-easyui icon圖標 by:授客 QQ:1033553122 測試環境 jquery-easyui-1.5.3 修改配置文件 打開jquery-easyui-1.5.3\themes\icon.css文件,文件頭部添加目標圖標樣式,例子: .icon{ backgrou ...
修改|新增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;
}
以上舉例從大圖中“摳取”小圖標,如果是取整張圖片作為小圖標,可以如下
.icon-person{
background:url('../../icons/icon-person.png') no-repeat;
}
這裡演示的是添加,也可以對原有的進行修改
註意:css樣式存在優先順序,之所以把自己添加的樣式放文件最開頭是為了避免覆蓋框架自帶的
引用圖標
<span class="icon icon-sys-set"> </span>