按钮菜单项

Question

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

问题出在按钮菜单中。

我通常使用：iconCls: 'fa fa-wrench fa-lg'

我使用CSS更改onmouseover上的图标颜色：.x-btn-over {color: #9B30FF;}

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

我必须使用：glyph: 'xf0ad@FontAwesome'

问题：我无法更改onmouseover上的图标颜色。

我试过这篇文章中提到的，但它在我的情况下不起作用： https://www.sencha.com/forum/showthread.php?287651-HOW-TO-change-glyph-color-in-menu

我希望得到解决的建议。

       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文件中

小提琴：https://fiddle.sencha.com/#fiddle/138k

工作正常：

小提琴：https://fiddle.sencha.com/#fiddle/138o