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中有一些奇怪的行为，但有可能进行覆盖。给你button一个classusingcls:'yourClassName'属性，然后在 CSS 中创建一个span保存文本的完整路径，如下所示：.yourClassName div a span。还要给你的 css 属性一个!important值，以成功覆盖基类。

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

这是一个例子。