Sélecteur :FOCUS
Rôle
Le sélecteur focus est une pseudo-classe désigné par la syntaxe :focus qui permet de changer le style de chaque élément de formulaire qui obtient le focus (élément HTML sélectionné).
Note: il s’agit des éléments de formulaire qui invitent l’internaute à saisir du contenu, comme les zones de texte.
Vous pouvez obtenir le focus en cliquant sur l’élément, ou par tabulation, ou encore avec un raccourci clavier grâce à l’attribut accesskey.
Dans l’exemple ci-dessous, le champ de saisi devient orange lorque vous cliquez dedans.
input:focus{
background-color: orange;
}
Pseudo : <input type="text" name="pseudo">
Testez vous-même ce sélecteur
Version : CSS3
Compatibilité
Le sélecteur focus est pris en charge par tous les principaux navigateurs
A partir d’Internet Explorer 8
A voir aussi
:disabled
:enabled
:checked
:valid
:required
:read-only
:read-write
:optional
:out-of-range
:in-range
