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.