CSS :focus pseudo-class
Complete CSS Reference
Example
Specify the color of an input field that gets focus:
input:focus
{
color:yellow;
} |
Try it yourself »
|
Definition and Usage
The :focus pseudo-class adds special style to an element that has keyboard
input focus.
Browser Support

The :focus pseudo-class is supported in all major browsers.
Note: Internet Explorer 8 (and higher) supports the :focus pseudo-class if a !DOCTYPE
is specified.
Related Pages
CSS tutorial: CSS Pseudo classes
Complete CSS Reference

The Altova MissionKit, recent winner of the Jolt Product Excellence and Productivity Award for Best Development Environment,
is an integrated suite of tools ideal for:
- XML development
- Web & Web services development
- Data mapping & integration
- Rendering & publishing XML & database data
- XBRL validation, taxonomy editing, transformation & rendering
The MissionKit for XML Developers includes XMLSpy®, MapForce®, and StyleVision® plus 3 additional tools for less than the price of 2.
Try all 6 products free for 30 days!
Download a fully-functional free trial
|
|
|
|