Search code examples
cssextjsextjs4extjs6extjs6-classic

ExtJS - How to style disabled buttons?

Even though it is possible to inspect styles of enabled buttons & customize them by creating CSS rules, tools such as Chrome Dev Tools, Firebug, Firefox Dev Tools are not able to inspect disabled buttons of ExtJS.

The question is that how can I customize them?

Here is a sample fiddle you can work on it: https://fiddle.sencha.com/#fiddle/129h

Solution

  • You've got two options:

    1. Set your own disabledCls (example).
    2. Change the CSS vars of button.