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.


Pattern:

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

View in Splitscreen»

Code-Editor:

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

Related Examples.