ホームページ > 記事 > ウェブフロントエンド > 無効化されたテキストボックスのテキストの色の変更が IE6/7 と Firefox で異なる動作をするのはなぜですか?
IE の無効なテキストボックスのフォント色の変更
Firefox では、CSS クラスを使用することで、無効なテキストボックスのテキストの色を簡単に変更できます。ただし、この手法は Internet Explorer バージョン 6 および 7 では不十分です。
問題は、無効化されたテキストボックスのテキストの色を赤に変更する目的でクラスを適用すると、IE では灰色のテキストが表示され、Firefox ではテキストが表示されることです。希望の赤。他のブラウザでも同様の動作の変化が見られます。
この不一致は、オペレーティング システムがフォーム フィールドのレンダリングに対して及ぼす制御レベルの違いから生じます。一部の側面は、他の側面よりも CSS ルールに従います。この例では、スクリプト メソッドは適用できません。
推奨される回避策は、「disabled」の代わりに「readonly」属性を使用し、CSS (たとえば、「class="disabled"」に基づく) を利用して再作成することです。障害のある姿。 「読み取り専用」入力要素は OS レベルで無効になったウィジェットとしてレンダリングされないため、より優れたカスタマイズ オプションが可能になります。
以上が無効化されたテキストボックスのテキストの色の変更が IE6/7 と Firefox で異なる動作をするのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。