您的位置:首页 > 产品设计 > UI/UE

EasyUI自定义图标

2016-03-02 19:42 423 查看
如果觉得EasyUI自带的图标很low,想使用自己定义的图标,怎么办呢?老牛有办法,

1.EasyUI自带的图标都是16*16,所以自定义的图标尽量16*16。

2.打开icon.css文件,自定义一条css语句,比如EasyUI自带的图标定义的css语句:

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

}

咱们自定义的语句也和它差不多,比如我的图标命名为:top,

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

}

语句定义好之后千万不要忘了将图标放入icons文件夹中。

3.在使用的过程中就可以和EasyUI自带的图标一样使用了。

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