Ejemplo
Seleccionar y el estilo de un campo de entrada cuando se obtiene foco:
input:focus
{
background-color: yellow;
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El: selector de enfoque se utiliza para seleccionar el elemento que tiene el foco.
Tip: se permite selector de enfoque sobre los elementos que aceptan los eventos del teclado u otras entradas del usuario: El.
Versión: | CSS2 |
---|
Soporte para el navegador
Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el selector.
Selector | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: Para: enfoque para trabajar en IE8, un <! DOCTYPE> deben ser declarados.
sintaxis CSS
Más ejemplos
Ejemplo
Cuando un <input type="text"> obtiene el foco, cambiar gradualmente la anchura de 100px a 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: clases CSS Pseudo