CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS :focus Selector
Complete CSS Selector Reference
Example
Select and style an input field when it gets focus:
input:focus
{
background-color:yellow;
}
{
background-color:yellow;
}
Try it yourself »
Definition and Usage
The :focus selector is used to select the element that has focus.
Tip: The :focus selector is allowed on elements that accept keyboard events or other user inputs.
Browser Support
The :focus selector is supported in all major browsers.
Note: For :focus to work in IE8, a <!DOCTYPE> must be declared.
Related Pages
CSS tutorial: CSS Pseudo classes
Complete CSS Selector Reference
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
