:focus (CSS selector)
| IE7 | FF1+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| None | Full | Full | Full |
| Version |
|---|
| CSS2 |
Example
This rule applies a border around any
text textarea element that has focus:
textarea:focus {
border: 2px solid blue;
}Description
This pseudo-class matches any element that has keyboard input focus. Keyboard input focus describes any element that’s ready to receive user input. It can apply to a form control, for instance, or to a link if the user navigates using the keyboard.
Compatibility
| IE | 5.5 | None |
|---|---|---|
| 6.0 | None | |
| 7.0 | None | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
| 9.5 | Full |
Internet Explorer 7
and earlier versions don’t support this pseudo-class; however, Internet
Explorer 5.5 and 6 incorrectly apply the pseudo-class
:active to links that have keyboard input
focus—a state that should be matched by this
pseudo-class.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
