easyui的图标汇总

最新推荐文章于 2021-10-09 14:30:10 发布

转载最新推荐文章于 2021-10-09 14:30:10 发布 · 785 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/maojiayan/p/4870880.html

文章标签：

#javascript #ViewUI

拿jquery-easyui-1.2.6举例

所有的图标在哪，如何引用，

所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下，

在icon.css定义的如何引用

jquery-easyui-1.2.6/themes/icon.css

Css代码 

    .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;  
    }