关于Ext iconCls

Question

var　tbar　=　new Ext.Toolbar({items:[{id:'addBtn',text:'<s:text name="foomei.label.new" />',iconCls:'add'},{id:'updateBtn',text:'<s:text name="foomei.label.update" />',iconCls:'modify'},{id:'delBtn',text:'<s:text name="foomei.label.del" />',iconCls:'delete'},'-',{id:'exportBtn',text:'<s:text name="foomei.label.export" />Excel',iconCls:'excel'}]});iconCls中的图片都是自己添加的gif 格式图片。请问一下怎么样写css文件，写在什么地方。然后像上面那个直接调用。
如iconCls='add'

Answer 1

iconCls='add'
add是一个类css样式
在当前页面或是在css文件中写都可以，在css文件中写的要导入<style type="text/css">
     .add {
          background: transparent url("图片地址") no-repeat scroll center center;
     }
</style>

Answer 2

直接写在页面上
<style type="text/css">
</style>
或css文件中然后引入这个css文件

Answer 3

button 也可以直接用icon:"图片路径"

Answer 4

之前用的就是icon:"图片路径" ，现在要更改成 iconCls:'add' 样式

Answer 5

.add{
background-image:url(图片路径) !important;
}

Answer 6

.add
{
background-image: url(../1/2/3.png) !important;
}