Exemple
Sélectionnez le style et un champ de saisie quand il obtient le focus:
input:focus
{
background-color: yellow;
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le: sélecteur de mise au point est utilisé pour sélectionner l'élément qui a le focus.
Tip: Le: sélecteur de mise au point est autorisé sur les éléments qui acceptent les événements de clavier ou d' autres entrées de l' utilisateur.
Version: | CSS2 |
---|
support du navigateur
Les chiffres dans le tableau indique la première version du navigateur qui prend en charge entièrement le sélecteur.
Sélecteur | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: Pour: mise au point pour travailler dans IE8, un <! DOCTYPE> doit être déclaré.
Syntaxe CSS
Autres exemples
Exemple
Quand un <input type="text"> obtient le focus, changer progressivement la largeur de 100px à 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Essayez - le vous - même » Pages associées
CSS tutoriel: les classes CSS Pseudo