Warum kann ich die Textfarbe deaktivierter Textfelder im Internet Explorer nicht ändern?

Deaktivieren der Textfarbe von Textfeldern im Internet Explorer

Es wurde beobachtet, dass die Textfarbe in deaktivierten Textfeldern in Firefox mithilfe einer einfachen Klasse geändert werden kann. Dies in IE 6 und 7 zu erreichen, bleibt jedoch eine Herausforderung.

Die ursprüngliche Abfrage legt nahe, dass Inline-CSS die Textfarbe deaktivierter Textfelder in Firefox ändern kann.

<textarea disabled="disabled" style="color: red;">Hello</textarea>

Dieser Ansatz jedoch erzeugt im IE grauen Text, während Firefox ihn in rot anzeigt. Andere Browser wie Opera zeigen ebenfalls grauen Text an, während WebKit-Browser roten Text anzeigen.

Das Problem ergibt sich aus der Art und Weise, wie CSS Formularfelder rendert. Im IE werden diese Felder normalerweise mithilfe des Widget-Sets des Betriebssystems gerendert, wobei die CSS-Regeln außer Kraft gesetzt werden. Andere Browser neigen dazu, CSS-Regeln Vorrang zu geben, was zu den beobachteten Inkonsistenzen führt.

Um dieses Problem zu beheben, wird empfohlen, das Attribut „readonly“ anstelle von „disabled“ zu verwenden. Durch Anwenden der Bezeichnung „class="disabled"“ können Sie das Erscheinungsbild deaktivierter Textfelder anpassen und gleichzeitig die erforderlichen Einschränkungen bei der Formularsteuerung beibehalten. „Readonly“ behält den ursprünglichen Textfeldstil bei und ermöglicht so eine bessere Anpassung durch CSS.

Das obige ist der detaillierte Inhalt vonWarum kann ich die Textfarbe deaktivierter Textfelder im Internet Explorer nicht ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!