PDA

View Full Version : Removing the Inner Highlight/Offset of ALL Buttons via CSS



wswilliams
26 Apr 2012, 6:49 AM
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
1 May 2012, 7:07 AM
Checkout the overCls config of the button

wswilliams
3 May 2012, 10:41 AM
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.