如何讓`：after`在extjs iconCls中工作？

我的樹節點圖標的CSS如下：如何讓`：after`在extjs iconCls中工作？

.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似乎並不理解它。我怎樣才能克服這個問題？

來源

2013-05-27 Isaac

icon元素是默認的<img>元素。它的內容被圖像取代。您不能在：之前或之後使用它，因爲它們構成了被替換內容的一部分。您將需要重寫Ext.tree.Column中的treeRenderer以應用您的第二張圖像。

來源

2013-05-27 19:39:19 Alohci

嗯..我會嘗試，不知道我將如何擴展ext.tree.column，但會嘗試。 – Isaac

「注意這是一個供框架內部使用的私有工具類，不要依賴它的存在。」（http://docs.sencha.com/extjs/4.1.0/#!/api/Ext.tree .Column） – Isaac

當然。因此，然後替換整個班級。無論如何，除了treeRenderer之外，Ext.tree.Column沒有太多。它仍然可以從沒有這種警告的Ext.grid.column.Column派生。 – Alohci

看起來就像你在您選擇的一個忘了類前綴測試嘗試.icon:after {}

來源

2013-05-27 19:17:32 VeXii

這只是一個錯字在這裏，我沒有在我的css – Isaac

空間謝謝指出它，但我會更新我的問題。 – Isaac

對不起，我誤解了你。你是說我應該嘗試包括這些parens？ – Isaac

如何讓`：after`在extjs iconCls中工作？

回答

相關問題