Results 1 to 3 of 3

Thread: Removing the Inner Highlight/Offset of ALL Buttons via CSS

  1. #1
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    5

    Default Removing the Inner Highlight/Offset of ALL Buttons via CSS

    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

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379
    Answers
    3997

    Default

    Checkout the overCls config of the button
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  3. #3
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    5

    Default

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

    Code:
    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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •