Extjs Treepanel：CSS更改默认图标（节点和叶） [英] Extjs Treepanel: CSS to change default icons (node and leaf)

问题描述

我有一个树形面板，如 http://jsfiddle.net/bmbMy/
我尝试使用css更改默认图标（节点和叶）。但是这不行。

I have a tree panel like http://jsfiddle.net/bmbMy/ I try to change default icons (node and leaf) by using css. But that not working.

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

我该怎么办？

推荐答案

你没有覆盖正确的css类。这是您需要的：

You haven't override the right css classes. Here is what you need:

.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 。

这篇关于Extjs Treepanel：CSS更改默认图标（节点和叶）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！