Home CSS CSS :focus pseudo-class

CSS :focus pseudo-class

CSS

Definition

The :focus pseudo-class adds a special style to an element while the element has focus.

a:link {color: #FF0000}     /* unvisited link */
a:focus {color: #00FF00}  /* focused link */

Note: Pseudo-class names are not case-sensitive.
Note: Pseudo-classes can be also be combined with CSS classes:

a.red:visited {color: #FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

If the link in the example above has been visited, it will be displayed in red.

Goto CSS3 and CSS2 complete reference

CSS :focus pseudo-class Reviewed by 1000sourcecodes on 09:58 Rating: 5