Javascript 按钮菜单项中的超级字体

我在我的应用程序中使用了很棒的字体

问题出在按钮菜单上

我通常使用：

iconCls:'fa fa扳手fa lg'

我用CSS更改MouseOver上的图标颜色，如下所示：

.x-btn-over{color:#9B30FF；}

但这在按钮菜单项中不起作用

我必须使用：

glyph:'xf0ad@FontAwesome“

问题：我无法在MouseOver上更改图标颜色

我尝试了这篇文章中提到的方法，但在我的案例中无效：

我希望您能提出解决问题的建议

       Ext.create('Ext.Button', {
        text      : 'Menu button',
        renderTo  : Ext.getBody(),
        arrowAlign: 'bottom',
        menu      : [
            {text: 'Item 1', glyph: 'xf0ad@FontAwesome'}, // it works
            {text: 'Item 2', iconCls: 'fa fa-wrench fa-lg'},// does not work
        ]
       });

编辑：

这是我第一次尝试摆弄css

事情进展不顺利

无论如何，我把所有代码都放在app.js文件中

小提琴：

工作正常：

---

Fiddle:

菜单项不是按钮，也不共享相同的CSS类名-当您将鼠标移到某个项上时，它会添加类

x-menu-item-active

。文档中还列出了一个名为.Thank Emissary的SASS变量。不幸的是，在按钮菜单项中不起作用。我还尝试了：.x-menu-item-icon-default.x-menu-item-icon.x-menu-item-glyph{color:#FF0000；}未成功。另外，我无法将不透明度0.5更改为1。是否可以添加？

.x-menu-item-active.x-menu-item-icon-default

，您必须提供一个示例。听起来你好像误会了。谢谢使者。你的小提琴很好用。我将使用sencha app watch重新构建我的应用程序，看看我是否发现了问题。