您的位置:首页 > Web前端 > JQuery

Jquery-easyui的默认图标的使用,以及如何添加自己想要的图标

2015-03-18 09:36 531 查看
easyui的默认图标有以下这些:

.icon-blank{

background:url('icons/blank.gif') no-repeat;

}

.icon-add{

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

}

.icon-edit{

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

}

.icon-remove{

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

}

.icon-save{

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

}

.icon-cut{

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

}

.icon-ok{

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

}

.icon-no{

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

}

.icon-cancel{

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

}

.icon-reload{

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

}

.icon-search{

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

}

.icon-print{

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

}

.icon-help{

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

}

.icon-undo{

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

}

.icon-redo{

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

}

.icon-back{

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

}

.icon-sum{

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

}

.icon-tip{

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

}

.icon-mini-add{

background:url('icons/mini_add.png') no-repeat 2px 2px;

}

.icon-mini-edit{

background:url('icons/mini_edit.png') no-repeat 2px 2px;

}

.icon-mini-refresh{

background:url('icons/mini_refresh.png') no-repeat 3px 2px;

}


1.3
.
0
版easyui默认图标有这些,下载easyUI的压缩包后,解压后在theme文件夹下的
icons
文件夹是默认的图标,如果你觉得不够用,可以上网下载
16
x
16
大小的图片,放在
icons
文件夹下,然后更改theme文件夹下的
icon
.css


 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css easyui
相关文章推荐