修改|新增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群
