title: ExtJS - How to customize buttons?
body: <p>I need to create some custom buttons - like a red button with white text, green button with white text, etc.</p>
  
  <p>I followed the accepted answer of the same question "<a href="https://stackoverflow.com/a/12118487/282855">How to change background of hovered and pressed extjs-button dynamically</a>" but did not work for me. It just changes the ui without any interactions. When I click the customized button, it toggles despite the handler function is executed. </p>
  
  <p>ExtJS button has 2 configuration for styling according to documentation: <code>overCls</code> and <code>pressedCls</code>. Despite I set them both <code>pressedCls</code> configuration did not work for me. </p>
  
  <p>Which css properties should I override/define in order to create my own buttons?</p>
  
  <p>Sencha Fiddle Link: <a href="https://fiddle.sencha.com/#fiddle/fim" rel="nofollow noreferrer">https://fiddle.sencha.com/#fiddle/fim</a></p>