ExtJS - How to style disabled buttons?


Tags: css,extjs,extjs4,extjs6,extjs6-classic

Problem :

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.

    CSS Howto..

    How do I adjust position of a text inside a Bootstrap panel with overriden max-height?

    How to change the order of columns in CSS template to put important content first?

    How to correctly use tableless layout with borders using CSS?

    how to make css for work for different mobile sites

    How to dynamically manipulate elements in HTML

    How to color every second row using jQuery when the number of element in a row is variable?

    Foundation CSS Framework, how to change triangle on accodion

    How can I make this image responsive?

    How to add style/css to a simple jQuery accordion?

    How to show/hide a 3 levels menu nav in css?

    How to center the center circle?

    How to select text that is not marked up with CSS/jquery?

    How Can I use CSS to Add an Element Below another Element?

    How to DRY up on SASS transitions with multiple elements?

    How to make link unclickable using CSS or jquery? [duplicate]

    How can I best port a frame-based “HTML of yesteryear” application to modern CSS(3)? [closed]

    how can i create true loop?

    How to change the css class name dynamically in angular 2

    How to highlight a whole cell when hovering over link

    How to expand and collapse three div's side by side?

    How to create a sliding navigation with either jquery or css? [closed]

    How can I change the text decoration on numbers only on my web page?

    How to center in CSS only after specific HTML element?

    How to add and remove div's (input)

    How do I get user-inputted information from the website directly to my e-mail?

    How to use HTMLElement.classList(.toggle)?

    Beginner's stuff: How to stop CSS' Divs from overlapping?

    How to control the postioning of a fieldset with css?

    How to make the page load scrolled down to
    when loaded?

    How to make footer elements (image and label) centered?