:focus

Sumari

La pseudo-classe CSS :focus s'aplica quan un element ha rebut l'enfocament, ja sigui des de la selecció feta per l'usuari amb l'ús del teclat o mitjançant l'activació amb el ratolí (per exemple, una entrada de formulari).

Aquesta pseudo-classe només s'aplica a l'element enfocat, no els seus pares, com :checked i :enabled però a diferència de :active o :hover.

Sintaxi

:focus { style properties }

Exemples

.first-name:focus {
  color: red;
}

.last-name:focus {
  color: lime;
}

<input class="first-name" value="I'll be red when focused">
<input class="last-name" value="I'll be lime when focused">

Especificacions

Navegadors compatibles