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.


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.


Problèmes de focus

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


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.

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.



Reporter un bug ou problème d'interprétationavec la propriété focus
La balise HTML ou XHTML STYLE gère en général les feuilles de STYLE internes.<STYLE> </STYLE> La Zone CSS est entièrement consacrée aux feuilles de s...[Voir]