1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed Hover state always overrides active when used on links.

Discussion in 'Resolved Bug Reports' started by CyberAP, Mar 15, 2014.

  1. CyberAP

    CyberAP Well-Known Member

    We have style properties for both active and hover state of the button. But they are not equivalent on links. That means even if a button is pushed, some properties will be used from the hover state in priority to the same properties from the active state. This happens only because there is this selector, which uses ’’Button, Hover state property‘‘:
    Code:
    .button:hover, .button[href]:hover, .buttonProxy:hover .button
    However, we don't have the same selector for the active state. Instead, we've left only with this:
    Code:
    .button:active, .button.ToggleButton.checked, .buttonProxy:active .button
    My guess this was done to prevent conflicts with links, which are represented as buttons, so this selector also applies to them:
    Code:
    a[href]:hover
    Possible solution is to modify active state selector to make it look like this:
    Code:
    .button:active, .button[href]:active, .button.ToggleButton.checked, .buttonProxy:active .button
     
  2. Mike

    Mike XenForo Developer Staff Member

    Adding .button[href]:active seems reasonable.
     
    CyberAP likes this.

Share This Page