Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

:disabled

La pseudo-classe :disabled permet de cibler un élément désactivé. Un élément est désactivé s'il ne peut pas être activé (sélectionné, cliqué ou saisi) ou s'il ne peut pas recevoir le focus de l'utilisateur. L'élément possède également un état activé dans lequel il peut être sélectionné ou recevoir le focus.

Syntaxe

:disabled { style properties }

Exemples

CSS

input[type="text"]:disabled { background: #ccc; }

HTML

<form action="#">
  <fieldset>
    <legend>Adresse de livraison</legend>
    <input type="text" placeholder="Nom">
    <input type="text" placeholder="Adresse">
    <input type="text" placeholder="Code postal">
  </fieldset>
  <fieldset id="facturation">
    <legend>Adresse de facturation</legend>
    <label for="facturation_livraison">Identique à l'adresse de livraison</label>
    <input type="checkbox" onchange="javascript:toggleBilling()" checked>
    <br />
    <input type="text" placeholder="Nom" disabled>
    <input type="text" placeholder="Adresse" disabled>
    <input type="text" placeholder="Code postal" disabled>
  </fieldset>
</form>

JavaScript

function toggleBilling() {
  var billingItems = document.querySelectorAll('#facturation input[type="text"]');
  for (var i = 0; i < billingItems.length; i++) {
    billingItems[i].disabled = !billingItems[i].disabled;
  }
}

Résultat

Tous les éléments textes désactivés auront un arrière-plan gris clair.

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de ':disabled' dans cette spécification.
Standard évolutif Aucune modification.
HTML5
La définition de ':disabled' dans cette spécification.
Recommendation Définition de la sémantique relative à HTML et aux formulaires.
Selectors Level 4
La définition de ':disabled' dans cette spécification.
Version de travail Aucune modification.
CSS Basic User Interface Module Level 3
La définition de ':disabled' dans cette spécification.
Candidat au statut de recommandation Référence à la spécification de niveau 3 sur les sélecteurs.
Selectors Level 3
La définition de ':disabled' dans cette spécification.
Recommendation Définition de la pseudo-classe mais sans la sémantique associée.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 1.0 (1.7 ou moins) 9.0 9.0 3.1
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple 2.1 1.0 (1) 9.0 9.5 3.1

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, tregagnon, teoli, FredB
 Dernière mise à jour par : SphinxKnight,