Ext中Button的背景色（鼠标移上去时的）怎么设置？

在tbar里加了一个button，设置了cls

xtype:'button',
cls:'button-red',

button-red的定义如下
.button-red {
background-color:#ff0000;
}
.button-red button{
color:#ffffff;
}

现在的效果是这个按钮背景色是红色，字是白色，
不过鼠标移到按钮上，背景色就又变成了EXT默认的颜色，
请问，这个怎么改，我想让鼠标移上去时不变色（也是红色）。

firebug 中找到button的样式， 在鼠标移上去时候会多一个 mouse over 样式，你改掉那个css就ok

或者覆盖button的 onMouseOver方法
JScript code

onMouseOver : function(e){
        if(!this.disabled){
            var internal = e.within(this.el,  true);
            if(!internal){
                this.el.addClass('x-btn-over');// 可能是这句
                if(!this.monitoringMouseOver){
                    this.doc.on('mouseover', this.monitorMouseOver, this);
                    this.monitoringMouseOver = true;
                }
                this.fireEvent('mouseover', this, e);
            }
            if(this.isMenuTriggerOver(e, internal)){
                this.fireEvent('menutriggerover', this, this.menu, e);
            }
        }
    },