Wie ändere ich die Farbe deaktivierter Textfelder im Internet Explorer?

Deaktivierte Textfelder im Internet Explorer einfärben

Die Farbe deaktivierter Textfelder im Internet Explorer (IE) 6 und 7 kann möglicherweise nicht geändert werden Eine frustrierende Einschränkung im Vergleich zur Einfachheit, die dies in Firefox mit einer einfachen Klasse macht.

CSS-Einschränkungen im IE

Die Wurzel dieses Problems liegt in der Art und Weise, wie der IE interpretiert CSS-Regeln werden auf deaktivierte Formularfelder angewendet. Im Gegensatz zu Browsern wie Firefox und WebKit-basierten Browsern, die CSS-Regeln unabhängig von ihrem Kontext priorisieren, verlässt sich IE stark auf den Standard-Widget-Satz des Betriebssystems, um Formularelemente darzustellen.

Die „schreibgeschützte“ Alternative

Die Lösung für diese Einschränkung besteht darin, das Attribut „readonly“ anstelle von „disabled“ für Textfelder zu verwenden. Dadurch werden die Steuerelemente nicht als deaktivierte Widgets auf Betriebssystemebene gerendert, was Ihnen mehr Flexibilität bei der Gestaltung mit CSS gibt.

Um den gewünschten Effekt zu erzielen, erstellen Sie eine CSS-Klasse (z. B. „disabled“), die Definiert die Stile für deaktivierte Textfelder, z. B. eine bestimmte Hintergrundfarbe oder Schriftfarbe. Wenden Sie dann in Ihrem HTML diese Klasse auf die „schreibgeschützten“ Textfelder an, um deren Erscheinungsbild zu steuern:

<code class="html"><textarea readonly class="disabled">Hello</textarea></code>

Mit dieser Lösung können Sie das Erscheinungsbild deaktivierter Textfelder im IE an Ihre spezifischen Anforderungen anpassen und so Konsistenz gewährleisten über verschiedene Browser hinweg.

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