:disabled

Zusammenfassung

Die :disabled CSS Pseudoklasse steht für alle deaktivierten Elemente.Ein Element gilt als deaktiviert,wenn es nicht aktiviert (d.h ausgewählt,angeklickt oder mit Text gefüllt) oder fokussiert werden kann.Das Element verfügt außerdem über einen Status,in dem es aktiviert oder fokussiert werden kann.

Beispiele

Beispielselektoren

input:disabled

Wählt alle deaktivierten Eingabefelder aus.

select.country:disabled

Wählt ein deaktiviertes Zielelement mit der Klasse country aus.

Anwendungsbeispiel

Das folgende CSS:

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

Angewendet auf das folgende HTML5 Beispiel:

<form action="#">
  <fieldset>
    <legend>Empfangsadresse</legend>
    <input type="text" name="shipping_firstName" disabled>
    <input type="text" name="shipping_lastName" disabled>
    <input type="text" name="shipping_address1" disabled>
    <input type="text" name="shipping_address2" disabled>
    <input type="text" name="shipping_zipCode" disabled>
    <input type="text" name="shipping_town" disabled>
  </fieldset>
  <fieldset>
    <legend>Rechnungsadresse</legend>
    <label>
      <input type="checkbox" name="billing_is_shipping" value="true" checked> 
      Rechnungsadresse entspricht der Empfangsadresse
    </label>
    <input type="text" name="billing_firstName" disabled>
    <input type="text" name="billing_lastName" disabled>
    <input type="text" name="billing_address1" disabled>
    <input type="text" name="billing_address2" disabled>
    <input type="text" name="billing_zipCode" disabled>
    <input type="text" name="billing_town" disabled>
  </fieldset>
</form>

Wird zu einem ergrautem Hintergrund aller Texteingabefelder im fieldset der Rechnungsadresse führen.

Spezifikationen

Browserkompatibilität

See also

• :enabled