css - Extjs 4 のボタンのテキストの色

Question

Exjts 4を使用していますが、ボタンのテキストの色を変更したいと考えています。これが私のコードです：

{
     xtype: 'button',
     text: 'My Button',
     style:{
         color: 'red'
     }  
}  

Answer 1

誰かがそれを必要とする場合に備えて。それが汚い解決策かどうかはわかりませんが、機能します

{
 xtype: 'button',
 text: '<div style="color: red">My Button</div>',     
}  

Answer 2

Extjs 4.2.0にはいくつか奇妙な動作がありますが、オーバーライドが可能です。usingプロパティを指定しbuttonてから、CSSでテキストを保持するためのフル パスを次のように作成します。また、CSS プロパティに!important値を指定して、基本クラスを正常にオーバーライドします。classcls:'yourClassName'span.yourClassName div a span

Ext.create('Ext.Button', {

    text: 'Click me',

    renderTo: Ext.getBody(),

    handler: function() {
        alert('You clicked the button!');
    },

    cls: 'foo'
});

そしてcssで単純に：

.foo div a span
{
    color:#ff0000 !important;
}

ここに例があります。