Définition de la css focus

Propriété css : focus

Détails des versions feuilles de style css focus: css2

Détails de compatiblilité de la feuilles de style css focus pour les navigateurs: Netscape 6+; Mozilla + et Firefox +; Internet Explorer 8+; Internet Explorer 4+; Internet Explorer 7

Définition de focus

La pseudo-classe de feuille de style css :focus permet de spécifier toutes les propriétés liées à la fonte, et à la décoration de texte (gras, souligné, ...), bordures, arrière plan, ... d'un élément HTML ou XHTML lorsque ce dernier est sélectionné via la touche de tabulation ou pour certains cas lorsque l'on clique dessus.

Exemple de code :

<STYLE>
.identifiant:focus{
/* Propriétés */
}
</STYLE>

La pseudo-classe de feuille de style css :focus ne peut pas se déclarer dans l'attribut HTML ou XHTML STYLE, mais dans une balise HTML ou XHTML STYLE.

Descendre

Remonter

Exemple de code focus

Application de focus

Le pseudo-classe de feuille de style :focus css est applicable sur toutes les balises HTML ou XHTML acceptant l'attribut HTML ou XHTML TABINDEX.
La pseudo-classe de feuille de style :focus n'a pas d'équivalence en HTML.

Descendre

Remonter

Problèmes de focus

La pseudo-classe de feuille de style :focus peut poser un problème d'interprétation.

Descendre

Remonter

FAQ

Répond aux questions suivantes :

Comment changer ou spécifier la couleur, la fonte, le fond d'un lien lorque on a le focus?
Liste des questions les plus fréquemment posées en css.

Descendre

Remonter

BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css focus.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.