圖像作爲導航視圖中的後退按鈕

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