Extjs4 在firefox中，鼠标上方的图标不会改变

我设计了一个工具栏，按钮就在那里，。我的要求是最初它应该显示一个图标，在鼠标上的图标应该改变。为此，我为按钮提供了一个类，并为此应用了css，为hover属性应用了cssclass:hover和其他图像。比如说

.cssclass {
  background-image: someimage.jpg
}

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

通过这种方式，所有浏览器（chrome和IE）都可以正常工作，但Firefox中的图像没有改变

有人知道如何做到这一点吗

谢谢

---

Tapaswini

如果这与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-”。

谢谢您的回复。还有一种方法是，在为overfls类定义css属性时，我们可以指定like.x-over.cssclass{background image:someotherimage.jpg}这在所有浏览器中都支持是的，这是正确的。然而，在更改基本前缀的情况下，最好使用以下选项：overCls:Ext.baseCSSPrefix+“over-cssclass”