javascript - 更改ExtJS中的按钮文本颜色

我需要更改按钮的文本颜色。我定义了一个css类，例如：

.mbutton{
    background:transparent;
    color:red;
    border:none;
}

按钮定义在这里；

Ext.create('Ext.Button', {
            renderTo: Ext.getBody(),
            text: 'Red text',
            cls:'mbutton'
   });

小提琴：https://fiddle.sencha.com/#fiddle/olj

最佳答案

生成的button中包含span个元素。需要在color中而不是在span中更改button。这样做：

.mbutton span{
    color:red;
}