Manual de referencia CSS

reglas de CSS @

大全 de atributos CSS

Funciones CSS (Functions)Manual completo de selectores CSS

Selector :focus de CSS

El pseudoselector :focus de CSS representa el elemento que ha recibido el foco (como un campo de entrada de formulario). Se activa cuando el usuario hace clic o toca el elemento o lo selecciona con la tecla 'tab' del teclado.

Manual de referencia de selectores CSS completos

Ejemplo en línea

Estilo seleccionado cuando un campo de entrada recibe el foco:

Ejemplo

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title> Tutorial básico (oldtoolbag.com)</title>　
<style>
input:focus
{
　　　　background-color:orange;
}
</style>
</head>
<body>
<p>Haga clic en el cuadro de entrada de texto del formulario para ver el fondo amarillo:</p>
<form>
Nombre:　<input　type="text"　name="firstname"　/><br>
Apellido:　<input　type="text"　name="lastname"　/>
</form>
<p><b>Atención:</b>　　:focus　actúa en　IE8,DOCTYPE　debe haberse declarado</p>
</body>
</html>

Prueba aquí ‹/›

Definición y uso

El selector :focus se utiliza para seleccionar elementos con el foco.

Consejo: El selector :focus acepta eventos de teclado u otros elementos de entrada del usuario.

Compatibilidad del navegador

Los números en la tabla indican la versión del primer navegador que admite la propiedad.

Selector
:focus	4.0	8.0	2.0	3.1	9.6

Atención: 　Selector :focus en IE8Debe declararse<!DOCTYPE> .