Стили CSS, не относящиеся к кнопке ExtJS

Question

Я добавил стили CSS для своих кнопок, которые вложены в панель.Тем не менее, кнопки не выглядят прозрачными, даже если я добавлю тег! Important в CSS.

Я также пытался добавить теги addStyles / cls: к объекту кнопки, но это тоже не сработало.

Кто-нибудь знает, почему это может быть?

Код кнопки:

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{
    font:normal 11px tahoma, verdana, helvetica;
    cursor:pointer;
    white-space: nowrap;
}

.x-btn button {
    border:0 none;
    background:transparent !important;
    font:normal 11px tahoma,verdana,helvetica;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
 }

Answer 1

Фон кнопок устанавливается с помощью background-image в td с. Это должно работать ( здесь демо ):
JS

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

CSS

.test td {
    background-position: 1000px 1000px;
}