Pseudo-clasa CSS :active reprezintă un element (cum ar fi un buton) care este activat de utilizator. Când se utilizează un mouse, „activarea” începe de obicei când butonul mouse-lui este apăsat și se termină când este eliberat. Pseudo-clasa :active este utilizată de obicei pe elementele <a> și <button>, dar poate fi folosit și pe alte elemente.

/* Selectează orice <a> care este activ */
a:active {
  color: red;
}

Stilurile definite de pseudo-clasa :active vor fi suprascrise de orice pseudo-clasă legată de linkuri (:link, :hover sau :visited) care are cel puțin specificitate egală. Pentru a stiliza linkurile în mod corespunzător, pune regula :active după toate celelalte reguli legate de linkuri, așa cum sunt definite de ordinea LVHA:link:visited:hover:active.

Notă: Pe sistemele cu mouse cu mai multe butoane, CSS3 specifică faptul că pseudo-clasa :active trebuie să se aplice numai butonului principal; pentru mouse drept, acesta este de obicei butonul din stânga.

Sintaxa

:active

Exemplu

HTML

<a href="#">This link will turn lime while you click on it.</a>

CSS

a:link { color: blue; }        /* Linkuri nevizitate */
a:visited { color: purple; }   /* Linkuri vizitate */
a:hover { font-weight: bold; } /* Utilizatorul trece cu mouse-ul deasupra elementului */
a:active { color: lime; }      /* Linkuri active */

Rezultat

Specificații

Specificații Stare Comentarii
HTML Living Standard
The definition of ':active' in that specification.
Living Standard  
Selectors Level 4
The definition of ':active' in that specification.
Working Draft Nicio schimbare.
Selectors Level 3
The definition of ':active' in that specification.
Recommendation Nicio schimbare.
CSS Level 2 (Revision 1)
The definition of ':active' in that specification.
Recommendation Nicio schimbare.
CSS Level 1
The definition of ':active' in that specification.
Recommendation Definiția inițială.

Compatibilitate browsere

Caracteristică Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Suport de bază 1.0 (Yes) 1.0 (1.7 or earlier) 4.0 5.0 1.0
Suport pentru non-elementele <a> 1.0 (Yes) 1.0 (1.7 or earlier) 8.0 7.0 1.0
Caracteristică Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suport de bază 1.0 (Yes) 1.0 (1.0) 6.0 6.0 1.0
Suport pentru non-elementele <a> 1.0 (Yes) 1.0 (1.0) ? ? (Yes) [1]

[1] În mod implicit, Safari Mobile nu folosește starea :active cu excepția cazului în care este un eveniment de manipulare touchstart pe elementul relevant sau pe <body>.

Vezi și

Document Tags and Contributors

 Contributors to this page: alexandracaulea
 Last updated by: alexandracaulea,