2013-02-26 62 views
1

我已将自定义图标设置为选项卡,但它需要选项卡面板的蓝色,我如何获取图标的原始颜色。将图标添加到sencha touch中的选项卡2

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

我的CSS代码

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

回答

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

使用这种:)这将解决你的问题

+0

我试过使用这也但是没有工作,实际上我试图在android amulator上显示它,但空白图像m getting.Is还有其他解决方案吗? – user2061107 2013-02-26 10:34:04

+0

但我不认为你应该投票因为它不工作。除此之外,你确定你在项目目录中有这个图像 – 1Mayur 2013-02-26 11:13:09

1

这是我会怎么做,以下内容添加到你的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

相关问题