extjs3 和 extjs4 tree(树)换节点图标及去掉图标后去掉空白部分

===============================extjs 3==================================

/*ext/resources/ext-all.css      817行 闭合文件夹图标*/
.x-tree-node-collapsed .x-tree-node-icon{
 background-image:url(../images/default/tree/folder.gif);
}

 

/*ext/resources/ext-all.css      7134行   打开文件夹图标*/
.x-tree-node-expanded .x-tree-node-icon
{
 background-image: url(../images/default/tree/folder-open.gif);
}

 

/*ext/resources/xtheme-blue.css      812行   节点图标*/
.x-tree-node-leaf .x-tree-node-icon{
 background-image:url(../images/default/tree/leaf.gif);
}

/*ext/resources/ext-all.css     3220行  图标所在位置设置*/
.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon
{
 border: 0 none;
 height: 18px; /*空白部分高*/
 margin: 0;
 padding: 0;
 vertical-align: top;
 width: 16px;/*空白部分宽*/
 background-position: center;
 background-repeat: no-repeat;
}

===============================extjs 4==================================

/* 文件夹图标 */
 .x-tree-icon-parent

{
   background-image: url(../images/default/tree/folder.gif);
}

/*  节点图标 */

.x-tree-icon-leaf{

 background-image:url(../images/default/tree/leaf.gif);

}

想换的图标只需修改相应的图标，想去掉图标只需将图标所在位置设置：height:0px;width: 0px.

如果只想修改某个tree的样式，添加个cls就可以了。