在sencha touch 2中向標簽添加圖標

Question

我已將自定義圖標設置為標簽，但它采用標簽面板的藍色，我如何獲得圖標的原始顏色。

var tabPanel = Ext.create('Ext.TabPanel',{
tabBarPosition: 'bottom',                                                   
items:[
{   
title:'General',
iconCls:'icongen',
}

我的css代碼

.icongen
{
   -webkit-mask-box-image: url("resources/images/general.png");
}

Answer 1

.icongen
{
   background-image: url("resources/images/general.png");
}

使用這個:)這將解決您的問題

Answer 2

這就是我要做的，將以下內容添加到您的CSS中：

.x-tab .x-button-icon.icongen, .x-button .x-button-icon.x-icon-mask.icongen {
-webkit-mask-image: url(<PATH TO IMAGE>);
}

與iconCls一起，您可能還需要使用iconMask: true