Tag Info

New answers tagged

3

Honestly, as long as your :hover state & :focus state are very clearly showing exactly which item will have action the taken on it, I can't see any reason to style them separately. :focus is essentially a keyboard hover. The previous answer is correct in saying that a :focus element should contain a box around it, but as long as the outline property ...


8

The focus state should be more obvious than the hover state A mouse over or :hover state is a more direct interaction (i.e. the user is controlling the mouse cursor directly over the button they want to click) The :focus state, on the other hand, requires a separate scan of the entire page in order to determine which component is currently being targeted. ...


0

I'd suggest that while it doesn't matter for mobile touch devices, that it does matter for traditional desktop devices. If the hover and the active styles for a button are the same, then you've removed any visual feedback for the user when they click the button with a mouse. You need to carefully choose your :active style, as that'll be used for taps, ...



Top 50 recent answers are included