Easyui 修改|新增jquery-easyui icon图标
程序员文章站
2022-05-17 15:34:00
修改|新增jquery-easyui icon图标 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 修改配置文件 打开jquery-easyui-1.5.3\themes\icon.css文件,文件头部添加目标图标样式,例子: .icon{ backgrou ......
修改|新增jquery-easyui icon图标
by:授客 qq:1033553122
测试环境
jquery-easyui-1.5.3
修改配置文件
打开jquery-easyui-1.5.3\themes\icon.css文件,文件头部添加目标图标样式,例子:
.icon{
background:url('../../icons/tabicons.png') no-repeat;
width:18px;
height:18px;
display:inline-block;
}
.icon-set{
background-position:-380px -200px;
}
.icon-sys-set{
background-position:0px -220px;
}
.icon-person{
background-position:-200px -480px;
}
以上举例从大图中“抠取”小图标,如果是取整张图片作为小图标,可以如下
.icon-person{
background:url('../../icons/icon-person.png') no-repeat;
}
这里演示的是添加,也可以对原有的进行修改
注意:css样式存在优先级,之所以把自己添加的样式放文件最开头是为了避免覆盖框架自带的
引用图标
<span class="icon icon-sys-set"> </span>
上一篇: 本想洗个牛奶浴,结果……
下一篇: 库克哽咽:苹果不再是美国人最喜爱品牌