图像作为导航视图中的后退按钮

Question

我想重写Sencha Touch 2导航视图中后退按钮的CSS。使用这个CSS

#ext-container-1 .x-button { 
    background: url(../images/button_zurueck.png) no-repeat; 
    width: 55px; 
    height: 55px; 
    margin-top: 120px; 
    margin-right: 26px; 
    border: none; 
} 

我能够显示图像，但宽度属性由按钮所以只有该按钮的一小部分显示设置的样式属性overidden。这是按钮动画后留下的样式属性的内容：

element.style { 
    left: 0px !important; 
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1) scaleZ(1) !important; 
    opacity: 1 !important; 
    width: 16px !important; 
} 

如何覆盖按钮的宽度？

Answer 1

我能够加入正确的填充，以显示完整的按钮。它的肮脏，但它的工作。期待Sencha Touch的下一个版本。

最后我彻底摆脱了那个按钮，并插入了我自己的模拟“后退”功能的按钮。

Answer 2

这是2.0.0中的一个错误，Sencha已经为下一个版本修复了这个错误。

的更多信息：http://www.sencha.com/forum/showthread.php?188982

Answer 3

上网卡：

config: { 

    defaultBackButtonText: '', 
    navigationBar: { 
     backButton: { 
      iconCls: 'back', 
      ui: 'plain' 
     } 
    } 
} 

在CSS：

//Back 
.x-button-icon.back { 
background-image: url(../../resources/images/bt_seta.png); 
background-repeat: no-repeat; 
}