CSS | :active Selector
The :active selector is used in styling an active link of web page. Style display when user clicks on the link. This selector is different from :link, :visited and :hover selectors. The main use of :active selector is on the links but it can be used on all elements.
Syntax:
:active{
//CSS property
}Below HTML/CSS code shows the functionality of :active selector :
HTML
<!DOCTYPE html><html><head> <title>Active selector</title> <style> a:active { background-color: green; } p:active { background-color: blue; } </style></head><body> <h3>Active for link.</h3> <h3>Active for text.</h3> <p>Click Me!!</p></body></html> |
Output:
Supported Browsers
- Google Chrome 4.0
- Edge 7.0
- Firefox 2.0
- Safari 3.1
- Opera 9.6
