Home Tutorial CSS CSS a:focus



MSN Random Online

CSS a:focus PDF Print E-mail
Written by Administrator   
Monday, 17 September 2007 02:51

CSS a:focus

Defines the properties for a link that currently has focus.

Browser/User Agent Support

IE Netscape Mozilla Opera Safari
2.0+ 1.0+ 1.0+ 4.0+ 1.0+

Example

 

This example shows a set styles of anchor elements that will visually change color and text-decoration depending on state and mouse behavior:


a {
color: blue;
text-decoration: underline;
}

a:active {
color: yellow;
text-decoration: none;
}

a:link {
color: blue;
text-decoration: underline;
}

a:visited {
color: purple;
text-decoration: none;
}

a:focus {
color: red;
text-decoration: none;
}

a:hover {
color: red;
text-decoration: none;
}

Remarks

Takes the same properties as a regular anchor element. You can style an a:focus element to show a visual cue as to when the link has focus.

 
 

Top Members

No top members yet.