在 ExtJS 中,如何在禁用的工具栏按钮上禁用悬停样式更改?

In ExtJS, how to disable hover over style change on Toolbar button disabled?

我在 ExtJS 中有一个工具栏和一个按钮,如果用户没有访问权限,我实际上在某些情况下禁用了该按钮。如果我禁用它,它就会被禁用并且不会启动客户端事件。太好了。

但是将鼠标悬停在按钮上仍会更改按钮的背景颜色,向用户指示它已启用和未启用。

我试图调查一些 CSS 问题,但我找不到任何东西。

我该怎么做?我在按钮 Item 上做的唯一事情是:

        disabled: !isAdmin

工具栏是这样创建的:

   var toolbar = Ext.create('Ext.toolbar.Toolbar', {
        dock: 'top',
        width: 700,
        height: 56,
        items: [

我是不是漏掉了什么?

我已经创建了 Sencha fiddle 因为它工作正常。我也尝试使用 Extjs 4.2 版本,它不会在悬停时更改禁用按钮的背景颜色

https://fiddle.sencha.com/#fiddle/14j8

查看 overCls 了解更多信息