鼠标悬停时，Firefox中的图标没有变化

Question

我设计了一个工具栏，里面有按钮。我的要求是，它最初应该显示一个图标，鼠标悬停在图标上应该更改。为此我给了一个类按钮，并为此应用了css和悬停属性应用cssclass：悬停与不同的图像。例如

.cssclass {
  background-image: someimage.jpg
}

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

通过这种方式在所有浏览器（chrome和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-'。