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

尽管在我复杂的应用程序中失败了，但是Davor Zubak对解决方案有所了解。我实现了我想要的目标：

Button的cls：'myButton'

在我的css文件中，定义：

.myButton .x-btn-inner {
    color: red;
    font-family: Georgia;
    font-size: large;
    font-weight: bold;
}

这样它只会覆盖具有'myButton'cls的特定按钮的ExtJS主题。

Answer 3

Extjs 4.2.0中有一些奇怪的行为，但可能会有覆盖。使用button属性为class cls:'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;
}

Extjs 4中的按钮文本颜色

3 个答案:

这是example。