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

Posted 2023-02-26

【中文标题】在 ExtJS 中，如何禁用悬停在禁用工具栏按钮上的样式更改？

【英文标题】：In ExtJS, how to disable hover over style change on Toolbar button disabled?

【发布时间】：2016-01-27 13:48:11

【问题描述】：

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

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

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

我该怎么做？我在按钮项目上做的唯一事情是：

        disabled: !isAdmin

工具栏是这样创建的：

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

我错过了什么吗？

【问题讨论】：

您是否为悬停按钮添加了一些自定义样式？

【参考方案1】：

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

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

查看 overCls 了解更多信息

【讨论】：

感谢您的确认。看来我附加了一些自定义 css.. 很难追踪..