extjs4 - 在鼠标悬停时，Firefox 中的图标没有改变

Question

我设计了一个工具栏，其中有按钮。我的要求是最初它应该显示一个图标，并且鼠标悬停在图标上应该会改变。为此，我为按钮提供了一个类，并为此应用了 css，并为悬停属性应用了 cssclass:hover 与不同的图像。例如

.cssclass {
  background-image: someimage.jpg
}

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

在所有浏览器（chrome 和 IE）中，它都可以正常工作，但在 Firefox 中，图像没有改变。

任何人都可以知道如何实现这一目标吗？

谢谢塔帕斯维尼

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-”。