Navigationviewの戻るボタンとしての画像

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

を使用して、私は、画像を表示することができましたが、width属性は、そのボタンのほんの一部が示されているボタンに設定されたスタイル属性によってがオーバーライドされます。これは、ボタンのアニメーションの後にスタイル属性の内容を残しています：

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

：CSSで

config: { 

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

：

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