Jquery easyUI 自定制图标

Jquery easyUI的图标文件存放在themes目录下的icons文件夹中，此外，还提供了一个icon.css文件，如果需要添加、删除、修改小图标，可以从icons文件夹和icon.css文件入手。

添加小图标

easyUI是提供了不少内置小图标，但是你在开发的时候会发觉这是根本不够用的，你需要加入一个新的小图标，那么只需要完成以下两步：

第一，往icons文件夹中加入自己的小图标文件；

第二，修改icon.css文件，加入自己的小图标名称；

看看easyUI是怎样定义自己的小图标的

.icon-cancel{background:url('icons/cancel.png') no-repeat center center;}

这个类名很重要，这是你在iconCls属性中引入图标的名称，建议严格采用easyUI的命名方式icon-xxx，这是使用的是相对路径，如果路径不对，会读取不到图片。

修改小图标、删除小图标

知道怎样添加小图标后，修改小图标一般也就是修改这个css类对应的背景图url而已，删除就是把这个css规则给删除，这里就不多说了。