webentwicklung-frage-antwort-db.com.de

CSS-Selektor für deaktivierten Eingabetyp = "Submit"

Gibt es einen CSS-Selector für deaktivierte input type="submit" oder "button"?

Soll ich nur input[type="submit"][disabled] verwenden?

Funktioniert das in IE6?

67
Francisc

Funktioniert das in IE6?

Nein, IE6 unterstützt überhaupt keine Attributselektoren, vgl. CSS-Kompatibilität und Internet Explorer.

Möglicherweise finden Sie Problemumgehung: IE6 unterstützt keine CSS-Attributselektoren, die das Lesen wert sind.


EDIT
Wenn Sie sollten IE6 ignorieren, Sie könnten (CSS2.1):

input[type=submit][disabled=disabled],
button[disabled=disabled] {
    ...
}

CSS3 (IE9 +):

input[type=submit]:disabled,
button:disabled {
    ...
}

Sie can ersetzen [disabled=disabled] (Attributwert) durch [disabled] (Attribut Präsenz).

103
jensgram

Wie von jensgram gesagt, unterstützt IE6 den Attributselektor nicht. Sie können class = "disabled" hinzufügen, um die deaktivierten Eingaben auszuwählen, damit dies im IE6 funktioniert.

2
Tim

Ich habe die @jensgram-Lösung verwendet, um ein div auszublenden, das eine deaktivierte Eingabe enthält. Also verstecke ich den gesamten Elternteil der Eingabe. 

Hier ist der Code:

div:has(>input[disabled=disabled]) {
    display: none;
}

Vielleicht könnte es einigen von euch helfen.

0
Meloman