Search within TutorialsPark

CSS Pseudo Class Selector :focus

Selects the elements that has the focus

Definition and Notes.

1. CSS pseudo class :focus functions similar to :hover

2. But :hover is activated when a mouse pointer moves over a link,and :focus is activated when a user performs an action to show attention to a webpage element, mainly by clicking or tabbing.

3. Usually applied to elements that require the user to focus, such as form input fields etc.


CSS :focus Pseudo Class selector. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note: :focus pseudo class is usually combined with :active and :hover.

Related Examples.