In ExtJS, how to disable hover over style change on Toolbar button disabled?
<p>I have a toolbar in ExtJS and I have a button, I am actually disabling the button in some cases if the user doesn't have access. If I disable it, it is disabled and doesn't launch the client event. So that's great.</p>

<p>But hovering over the button still changes the background color of the button indicating to the user that its enabled and its not.</p>

<p>I tried looking into some CSS issues but I couldn't find anything.</p>

<p>How can I to do this? The only thing I am doing on the button Item is:</p>

<pre><code>        disabled: !isAdmin
</code></pre>

<p>and the toolbar is being created like so:</p>

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

<p>Am I missing something?</p>