Extjs Treepanel: CSS để thay đổi các biểu tượng mặc định (nút và lá)

Question

Tôi có bảng điều khiển cây như http://jsfiddle.net/bmbMy/ Tôi cố gắng thay đổi biểu tượng mặc định (nút và lá) bằng cách sử dụng css. Nhưng điều đó không hiệu quả.

.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'); 
} 

Làm thế nào tôi có thể làm điều đó nhờ

Answer 1

Bạn chưa ghi đè lên các lớp css đúng. Dưới đây là những gì bạn cần:

.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'); 
} 

Và cập nhật jsfiddle.