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按鈕

回答

相關問題