Removing the Inner Highlight/Offset of ALL Buttons via CSS

[wswilliams]

In the default skin for 4.0.7 there is an inner highlight and offset on a button when the mouse is moved over the text/icon span... I need to override the appropriate CSS class to get rid of the highlight/offset and just leave the regular button over style. Can someone point me at the CSS class(es) I need to override to get rid of the span over behavior? TIA

[mitchellsimoens]

Checkout the overCls config of the button

[wswilliams]

I found it. I had to simply override the button element in the css as follows:



button {border:0px !important; background-color:transparent !important; background-image:none !important;}

This gets rid of the border that was causing the hover offset and the background gradient image. Now my buttons behave like the Ext3 version. Hope this helps someone else.