自定义EasyUI图标样式

前言

我们在使用EasyUI的时候，里面内置的是有一定的图标的，可以去EasyUI的官网看一下，这些都是能找到的，可以简单的看一下，下面是我引入的一个EasyUI的前端框架。

引入EasyUI的图标

如何引入easyUI的图标呢？只需要这个就行了

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css">

鼠标选中这个

Ctrl+鼠标左键单击，就能找到这个css
打开之后是这样的

现在我们在这个样式中加一个自定义的图标样式
自己找一个小图标，并给这个小图标取一个名，然后按照相同的格式放进去就行了。
首先可以看到图标库中的图标就这些

现在加一个进去

现在给css加代码，原本的是这样的

将刚刚新加的图标引进去
如图

之后就能正常的使用这个新的图标啦，会easyUI基础的小伙伴们，应该是会引用这个图标的，不然也不会来看怎么自定义对不对，咳咳，废话不多说，听话按照步骤做，绝对能成功的。
还是简单的说一下吧，如下

		<div>
			<a href="javascript:openOrderAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
			<a href="javascript:openOrderModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
			<a href="javascript:deleteOrder()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
			<a href="#" class="easyui-linkbutton" iconCls="icon-export" plain="true">导出</a>
		</div>

第四个导出就是引入的方法，效果如下