我們在web開發中為了界面的更加漂亮，我們可能會使用EasyUI框架來幫我們實現一些好看的效果，那么在框架里面提供了很多的樣式和圖標，但是有時候自帶的圖標已經滿足不了我們啦，這時候我們應該往里面加入我們想要的圖標，並且在頁面中能使用
這是手風琴的效果，左邊可以看到有兩個圖標，一個是小人，一個是菜單的模樣，菜單的那個是手動新加的，那么下面就介紹如何把一個自己的圖標配置到EasyUI框架中，並且能正常使用！
1. 第一步，我們在項目中配置好EasyUI的環境，也就是要使用它，必須做的事情
2. 第二步，復制官網上的手風琴的效果，粘貼到自己的jsp或者html網頁代碼中
這里訪問的是一個翻譯過來的中文網
注意這里面引用了三個css樣式文件和兩個js腳本文件，這就是在第一步需要配置的，其實就是下載EasyUI，拿到解壓后的文件夾，復制里面的
3. 第三步，就是拿瀏覽器訪問，就可以看到有手風琴的效果啦，這時候我們可以看到源代碼中有這樣子的代碼：
這里就是使用了它自帶的圖標，果斷找到自帶的圖標所在文件夾，怎么找？
你可以借助瀏覽器嘛，在瀏覽器中你可以右鍵這個圖標，就可以看到這個圖標的信息了：
找到項目中的文件
這時候我們放入一張我們自己的icon，因為自帶的都是16*16的，所以我們也放入一張16*16的，沒有圖標?http://www.easyicon.net/
去吧，皮卡丘！里面有海量圖標等着你...
放入了一張自己的，這時候我們學着之前的引用圖片的方法，把原來的icon-ok呀，或者icon-man啊這些屬性改成自己的，也就是-后面的替換掉，換成icon-menu,好的，開發瀏覽器進行訪問，結果....不能用，這時候我們回到我們尋找這張圖片地址的那張圖片上去，仔細觀察！你會發現圖片的右邊有一段代碼
是css的代碼，並且它為什么能用，就是因為在icon.css的61行有這么一段css代碼，造成了自帶的icon-man圖標能正常使用，所以我們明白了，找到icon.css文件，照貓畫虎的填上這么一段代碼：
好了，大功告成！能正常使用啦！
總結:EasyUI要使用自定義圖標的步驟
1. 在/themes/icons/ 下添加自定義的圖片
2. 在/themes/icon.css中配置這個圖片
原文：https://blog.csdn.net/h_025/article/details/79001523