ExtJSのTreepanel：CSSは、私は<b><a href="http://jsfiddle.net/bmbMy/" rel="nofollow">http://jsfiddle.net/bmbMy/</a></b> のような木のパネルを持っているデフォルトのアイコン（ノードとリーフ）

Question

を変更するには、私はCSSを使用して、デフォルトのアイコン（ノードと葉）を変更してみてください。しかし、それは動作しません。

.x-grid-row .x-grid-tree-node-expanded { 
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important; 
} 
.x-grid-row .x-grid-tree-node-leaf { 
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png'); 
} 

どのように私は感謝

Answer 1

あなたは右のCSSクラスをオーバーライドしていないことを行うことができます。ここでは何が必要です：

.x-grid-tree-node-expanded .x-tree-icon-parent { 
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important; 
} 
.x-grid-row .x-tree-icon-leaf { 
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png'); 
} 

し、更新jsfiddle。