1.2 KiB
1.2 KiB
title | localeTitle |
---|---|
Focus | Atención |
Atención
Definición
El :focus
representa un elemento que ha recibido un estado de enfoque, activado por un evento desde el teclado. La acción de activación proviene de presionar la tecla TAB , que crea visualmente un anillo alrededor de un elemento.
Sintaxis
:focus
Ejemplo
a:focus {
color: red;
}
Salida
Más información:
MDN - Red de Desarrolladores de Mozilla | : foco - CSS
La pseudo-clase CSS: focus se usa para seleccionar el elemento que tiene el foco (como una entrada de formulario).
En general, se activa cuando el usuario hace clic o toca un elemento o lo selecciona con la tecla "tab" del teclado.
Sintaxis:
:focus
Ejemplo
HTML:
<form>
<input type="text" value="The background will turn yellow when you click on it.">
</form>
CSS:
input:focus {
background-color: yellow;
}
Más información:
Para más información visite MDN