Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

:focus

Resumen

La  pseudo-class :focus CSS se aplica cuando un elemento recibo el foco, o bien por que el usuario lo ha seleccionado mediante el uso del teclado o bien mediante el ratón (por ejemplo un campo input de un formulario).

Síntaxis

element:focus { ... }

Ejemplos

.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">

Especificaciones

Especificación Estado Comentarios
WHATWG HTML Living Standard
The definition of ':focus' in that specification.
Living Standard Define semántica específica HTML.
Selectors Level 4
The definition of ':focus' in that specification.
Working Draft Sin cambio
Selectors Level 3
The definition of ':focus' in that specification.
Recommendation Sin cambio
CSS Level 2 (Revision 1)
The definition of ':focus' in that specification.
Recommendation Definición Inicial

Compatibilidad con los diferentes navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico 1.0 1.0 (1.7 or earlier) 8.0 7.0 1.0
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico 1.0 1.0 (1) 8.0 6.0 1.0

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,