Css 如何在extjs iconCls中使用“：after”？

树节点图标的css如下所示：

.icon {
    background: url(http://dummyimage.com/100x100/ccc/fff);
    width: 100px;
    height: 100px;
    position: relative;
}
.icon:after {
    background: url(http://dummyimage.com/32x32/f0f/fff);
    width: 32px;
    height: 32px;
    display: block;
    content: ' ';
    position: absolute;
    bottom: 0;
    right: 0;
}

我将

iconCls

设置为

“icon”

但不起作用，我还尝试了

“icon-icon:after”

和

“icon:after”

但运气不佳

---

我使用的是现代浏览器，我的叠加css是有效的，但extjs似乎不理解它。如何解决此问题？

看起来您在一个测试中忘记了类前缀。请尝试

。图标：{}

之后，图标元素默认为

元素。它的内容被图像替换。不能使用：before或：after，因为它们是被替换内容的一部分。您需要覆盖Ext.tree.Column中的treeRenderer以应用第二个图像。

这只是一个输入错误，我的电脑里没有空间，我误解了您的意思。你是说我应该试着把帕伦一家也包括进去吗。。我会试试，还不确定如何扩展ext.tree.column，但会尝试。“注意，这是一个供框架内部使用的私有实用程序类。不要依赖它的存在。”（）当然。那么，替换整个类。除了treeRenderer之外，Ext.tree.Column中没有其他内容。它仍然可以从没有此类警告的Ext.grid.column.column派生。