CSS-Farbänderungsproblem für deaktivierte HTML-Steuerelemente in IE8

In HTML deaktiviert das deaktivierte Attribut Eingabesteuerelemente, wirkt sich aber auch auf die aus Aussehen dieser Steuerelemente. Die meisten Browser berücksichtigen benutzerdefinierte Stile, die mithilfe von CSS auf deaktivierte Steuerelemente angewendet werden. Allerdings stellt Internet Explorer 8 (IE8) eine einzigartige Herausforderung dar, wenn es darum geht, die Farbe deaktivierter Steuerelemente zu ändern.

Obwohl ein benutzerdefinierter Farbstil auf deaktivierte Eingabesteuerelemente angewendet wird, setzt IE8 die Textfarbe auf Grau zurück. Dieses Verhalten tritt unabhängig von der verwendeten CSS-Regel auf. Beispielsweise ändert der folgende Code die Textfarbe nicht:

input[disabled='disabled']{
  color: #666;     
}

Dieses Problem tritt ausschließlich bei der Farbeigenschaft auf. Alle anderen Stileigenschaften wie Hintergrundfarbe, Rahmenfarbe usw. können erfolgreich geändert werden. Der Grund für dieses exklusive Verhalten bleibt unbekannt.

Schlussfolgerung

Während es in den meisten Browsern möglich ist, das Erscheinungsbild deaktivierter Eingabesteuerelemente mithilfe von CSS anzupassen, stellt IE8 eine Einschränkung dar wenn es darum geht, die Textfarbe zu ändern. Diese Einschränkung ist IE8 eigen und lässt sich nicht leicht überwinden.