Notes on styling avtive, hover and focus states
As a beginner you may style only the
hover states and forget about
focusis important in form design, this comes into play when you are tabbing through the input items and
focustells you what field is selected.
activeis important in buttons, this is when you have clicked on a button and haven't let go of the mouse yet (the click is not yet over).
activetells you what you are actively pressing on..
- the styles for
focuscan be grouped together and
focusare usually the same.
- the order in which you specify these styles is important.