2012-04-05 12 views
4

私は煎茶が新です。 ボタンの背景色を白に変更するにはどうすればよいですか?私は各コーナーに2つの画像を持つボタンを持っています。私はボタンを白くしたい。私はこのようなCSSを使用してみました :ボタンの背景色が煎茶

.quest { 
background: url(../images/quest.jpg) no-repeat left, 
     url(../images/rightarrow.jpg) no-repeat right; 
     background-color: white; 
     border: none; 
     border-color:white; 
     padding-left: 50px; 
     text-align: left; 
} 

マイボタンはここにある:

{ 
    xtype: 'button', 
    text: '<div class="quest">Info</div>', 
    labelWidth: '100%', 
    name: '', 
    handler: function() {     
    } 
} 

私のボタンが半ばで白色と灰色の境界線(煎茶でグレーのデフォルトボタンの色を)持っています。どのように私はそれを完全に白くするのですか?助けてください。

私も試してみました:

style: "background-color: white" 

答えて

7

に動作します、と述べたと同じように'属性が私の問題を解決しました。私app.cssで

   { 

        xtype: 'button', 
        cls: 'btn', 
        text: '<div class="person">People</div>', 
        labelWidth: '100%', 


       }, 

は、我々は、デフォルトの煎茶-touch.cssのプロパティが上書きされるように、背景色や背景画像のプロパティの両方を再定義する必要が

.btn 
{ 
background-color: white !important; 
background-image: none; 
} 

を定義します。ご協力いただきありがとうThiem Nguyen。

+0

素敵に行われました!唯一のことは、押されたclsの感触を失うことです。それをどのように追加するか考えていますか? – SashaZd

3

をこれはあなたの希望のボタンをレンダリングする必要があります:)

config: { 
     ui: 'plain', 
     text: 'Your Text', 
     style: 'background-color:white;' 
    } 
+1

ありがとうございます。しかし、私はすでに私もそれを使用していることを述べています。動いていない。 – Akshatha

+1

あなたは 'ui: 'plain''を試しましたか? I {XTYPE –

+0

ちょうどそれらのconfigsでボタンを作成しようとしましたが、それがうまく機能してきた「ボタン」、 設定:{ UI:「平野」、 テキスト:「あなたのテキスト」、 スタイル:「背景色:白;' }}私はこれを試しました。 – Akshatha

4

Thiemグエンが、これは「はCLSを使用して

  { 
       xtype:'button', 
       text:'text', 
       ui:'plain', 
       style:'background-color:white' 
      }