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

在sencha touch 2中向标签添加图标

2 个答案: