Ext.Button「overCls」在IE無法正常工作

我希望我的Ext.Button有我的顏色，當我鼠標懸停它。我寫了這以下內容：

Ext.onReady(function(){ 
    Ext.create('Ext.Button', { 
     renderTo: Ext.getBody(), 
     text: "Submit", 
     overCls: 'x-button-pressed' 
    }); 
});

其中 'x-按鈕按下' 被定義爲：

.x-button-pressed{ 
    background: red; 
}

這在Mozilla 10，但IE 7的正常工作，請幫助。

來源

2012-08-06 Shashwat

不知道這是否會解決它檢查，但它應該是背景顏色沒有背景，你只指定一個屬性。 – Amalea 2012-08-06 08:21:49

我也嘗試過背景色。它甚至在Mozilla中也不工作。至少背景是在Mozilla中工作。你有任何其他選擇在IE7中嘗試？ – Shashwat 2012-08-07 07:32:57

在爲IE編寫的EXT-all.css風格中，您可以隱藏它們。請在下面線

/* 
.x-nlg .x-btn-default-small-mc { 
    background-image:none; 
    background-color:transparent 
} 

.x-nbr .x-btn-default-small { 
    padding:0!important; 
    border-width:0!important; 
    -webkit-border-radius:0; 
    -moz-border-radius:0; 
    -ms-border-radius:0; 
    -o-border-radius:0; 
    border-radius:0; 
    background-color:transparent; 
    background-position:1100303px 1000303px 
} 

.x-nbr .x-btn-default-small-tl,.x-nbr .x-btn-default-small-bl,.x-nbr .x-btn-default-small-tr,.x-nbr .x-btn-default-small-br,.x-nbr .x-btn-default-small-tc,.x-nbr .x-btn-default-small-bc,.x-nbr .x-btn-default-small-ml,.x-nbr .x-btn-default-small-mr { 
    zoom:1; 
    background-image:url('../../resources/themes/images/eg_theme/btn/btn-default-small-corners.gif') 
} 

.x-nbr .x-btn-default-small-ml,.x-nbr .x-btn-default-small-mr { 
    zoom:1; 
    background-image:url('../../resources/themes/images/eg_theme/btn/btn-default-small-sides.gif'); 
    background-position:0 0 
} 

.x-nbr .x-btn-default-small-mc { 
    padding:0 
} 
*/

如果你正在使用的Ext JS 4.1.1 v

來源

2012-09-27 09:20:47 Feroz

可怕的縮進！ – nalply 2012-10-05 18:12:38

Ext.Button「overCls」在IE無法正常工作

回答

相關問題