Scholar Repository
Home>Manual>CSS :focus pseudo-class

CSS :focus pseudo-class

From http://www.w3schools.com (Copyright Refsnes Data)

CSS :focus pseudo-class


CSS Reference Complete CSS Reference


Definition

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

Examples

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.


Try-It-Yourself Demos

Hyperlink: use of :focus (does not work in IE)
This example demonstrates how to use the :focus pseudo-class on a hyperlink.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS :focus pseudo-class