Sobald man für input-Elemente in einer CSS-Klasse die Style-Angaben color und background-color definiert hat, hat es den Anschein, als ob die Angabe disabled=”disabled” keinen Einfluss auf das Aussehen des Elementes hat.

Nehmen wir folgendes Beispiel

1

<input disabled="disabled" type="submit" value="Anfrage senden" />

wobei die Klasse .Button wie folgt definiert ist

4
5
6
7

.Button {
  color: black;
  background-color: red;
}

Dann nimmt Firefox immer diese Farben. Das Vorhandensein des Attributes disabled=”disabled” hat darauf keinen Einfluss.

Aber nur, weil dafür auch die Klasse .Button genommen wird.
Wird zusätzlich eine attributabhängige Definition der Klasse angegeben, so hat das Attribut wieder einen Effekt

4
5
6
7

.Button[disabled] {
  color: gray;
  background-color: pink;
}

Jetzt kann man im Firefox auch einen nicht aktiven Knopf erkennen.