CSS样式不适用于ExtJS按钮

我已将css样式添加到嵌套在面板中的按钮中。但是，即使我将！important标签放在css中，按钮也不会显示为透明。CSS样式不适用于ExtJS按钮

我也尝试添加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; 
}

来源

2011-08-30 pm13

2个问题，1个是什么ExtJS的版本是您使用，和第二你写的CSS类是css按钮curently有？或者你试图申请什么？ – nscrob

您添加了“test”类，为什么不选择它呢？ – Kyle

我使用的是3.4版本。如果你看，类“测试”被注释掉，因为这不适用于以前的CSS类。你是什么意思是CSS按钮的css类？我试图将该类添加到按钮，但在博客中看到这个CSS，它表示它将应用于所有按钮。类似于grid-css的x-grid3 – pm13

按钮的backgound由td S使用background-image设置。这应该工作（here is demo）：
JS：

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

CSS：

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

来源

2011-08-30 13:44:00

谢谢，完美的工作！ – pm13

CSS样式不适用于ExtJS按钮

回答

相关问题