Sencha touch 图像作为Navigationview中的后退按钮

Sencha touch 图像作为Navigationview中的后退按钮,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,我试图覆盖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; } 我能够显示图像,但宽度属性被按钮上设置的样式属性覆盖,因

我试图覆盖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;
}
我能够显示图像,但宽度属性被按钮上设置的样式属性覆盖,因此只显示了按钮的一小部分。这是按钮动画后留下的样式属性的内容:

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;
}

如何覆盖按钮的宽度?

这是2.0.0中的一个错误,Sencha已经在下一版本中修复了它


更多信息:

我可以通过添加正确的填充来显示完整按钮。它很脏,但它的工作。期待Sencha Touch的下一个版本

最后,我完全去掉了那个按钮,并插入了我自己的按钮,模拟了“后退”功能。

卡上:

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;
}