css - 在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