W3Schools.com

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 Support

CSS Properties

CSS :focus Selector

Complete CSS Selector Reference Complete CSS Selector Reference

Example

Select and style an input field when it gets focus:

input:focus
{
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

Internet Explorer Firefox Opera Google Chrome Safari

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 Complete CSS Selector Reference
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$7.95/mo SEO Hosting
Premium Website Design
WEB BUILDING
Download XML Editor
FREE Website BUILDER
Free Website Templates Free CSS Templates
Make Your Own Website
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE