在鼠標懸停時，圖標在firefox中沒有改變

Question

我設計了一個工具欄，其中有按鈕。我的要求是最初它應該顯示一個圖標，並且在圖標上的鼠標應該改變。爲此，我給了一個類的按鈕和應用css爲此和懸停屬性應用cssclass：懸停與不同的圖像。例如

.cssclass { 
    background-image: someimage.jpg 
} 

.cssclass:hover { 
    background-image: someotherimage.jpg 
} 

通過在所有瀏覽器（鉻和IE）這是工作，但在Firefox的圖像沒有改變。

任何人都可以有任何想法如何實現這一目標？

感謝 Tapaswini

Answer 1

如果這是關係到ExtJS的4，那麼你應該加入overCls像這樣：

Ext.create('Ext.Button', { 
    text: 'Click me', 
    cls: 'normalcls', 
    overCls: 'someovercls', // right here! 
    renderTo: Ext.getBody(), 
    handler: function() { 
     alert('You clicked the button!'); 
    } 
}); 

根據ExtJS的版本的，可以申請「x的前綴 - '給班級名稱。