background-color: inherit funktioniert nicht auf input-element im IE 8/9/10

Wenn ich ein div mit der eine explizite Hintergrundfarbe, und ein input-element im inneren, mit background-color gesetzt, zu 'Erben', dann funktioniert es wie erwartet auf Chrome, Firefox und Safari, aber funktioniert nicht auf IE 8, 9, oder 10.

Hier ein minimal-Beispiel, das veranschaulicht das problem: jsbin-Beispiel

Das Textfeld sollte die gleiche Hintergrundfarbe. Wenn Sie die Maus über das div, die Hintergrundfarbe des div ändert, und der Eingang sollte sich ebenso ändern. Wenn Sie in den Eingang, es gibt einen :focus-Regel, die überschreibt den Erben.

  • Dies ist ein guter! Eine subtile stapeln, um cross-browser-Problem...
  • Das ist ausreichend nervig. Übrigens sehe ich auch auf IE 11, aber nicht auf der Kante. Ein weiterer jsfiddle der Problematisierung: jsfiddle.net/ctn5j8m3/1
InformationsquelleAutor Elbin | 2013-07-05
Schreibe einen Kommentar