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‘‘:
However, we don't have the same selector for the active state. Instead, we've left only with this:
My guess this was done to prevent conflicts with links, which are represented as buttons, so this selector also applies to them:
Possible solution is to modify active state selector to make it look like this:
Code:
.button:hover, .button[href]:hover, .buttonProxy:hover .buttonHowever, 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 .buttonMy guess this was done to prevent conflicts with links, which are represented as buttons, so this selector also applies to them:
Code:
a[href]:hoverPossible 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
