Javascript CSS样式不适用于ExtJS按钮

我已经将css样式添加到嵌套在面板中的按钮中。但是，即使我将按钮放在屏幕上，按钮也不会显示为透明！css中的重要标记

我还尝试过向button对象添加addStyles/cls:tags，但也没有成功

有人知道为什么会这样吗

按钮代码：

var button = new Ext.Button({
                text: month,    
                //cls: "test",
                handler: function(button){
                    var buttonMonth = button.text;
                    getGrids(buttonMonth);
                }
            });
            //button.addClass("test");
            panel.add(button);  

CSS类：

.x-btn{
字体：正常11px塔荷马、维尔达纳、赫尔维蒂卡；
光标：指针；
空白：nowrap；
}
.x-btn按钮{
边界：0无；
背景：透明！重要；
字体：正常11px塔荷马、维尔达纳、赫尔维蒂卡；
左：3倍；
右侧填充：3px；
光标：指针；
保证金：0；
溢出：可见；
宽度：自动；
-moz大纲：0无；
}

按钮的背景是使用

td

s中的

背景图像设置的。这应该有效（）：

JS：

var button = new Ext.Button({
    text: month,    
    cls: "test",
    // ...
});

CSS：

var button = new Ext.Button({
    text: month,    
    cls: "test",
    // ...
});

。测试td{
背景位置：1000px 1000px；
}
2个问题，1您使用的是什么extjs版本，第二个您编写的css类是按钮当前拥有的css？或者你尝试应用什么？你添加了类“test”，为什么不选择它呢？我使用的是3.4版。如果你看，类“test”被注释掉了，因为它不适用于以前的css类。你所说的css类是指按钮的css类吗？我尝试将该类添加到按钮中，但在一个博客中看到这个css，它表示它将应用于所有按钮。与x-grid3 for grid类似，cssi对css做了一个小小的修改，使其透明，但如果您需要更多的修改，我建议您使用一些开发工具，检查按钮有哪些css类，然后重写它们。