本文介绍了Extjs Treepanel:CSS 更改默认图标(节点和叶)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个类似于 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 更改默认图标(节点和叶)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!