ホームページ  >  記事  >  ウェブフロントエンド  >  無効化されたテキストボックスのテキストの色の変更が IE6/7 と Firefox で異なる動作をするのはなぜですか?

無効化されたテキストボックスのテキストの色の変更が IE6/7 と Firefox で異なる動作をするのはなぜですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-01 23:40:29585ブラウズ

Why Does Changing Text Color in Disabled Textboxes Work Differently in IE6/7 and Firefox?

IE の無効なテキストボックスのフォント色の変更

Firefox では、CSS クラスを使用することで、無効なテキストボックスのテキストの色を簡単に変更できます。ただし、この手法は Internet Explorer バージョン 6 および 7 では不十分です。

問題は、無効化されたテキストボックスのテキストの色を赤に変更する目的でクラスを適用すると、IE では灰色のテキストが表示され、Firefox ではテキストが表示されることです。希望の赤。他のブラウザでも同様の動作の変化が見られます。

この不一致は、オペレーティング システムがフォーム フィールドのレンダリングに対して及ぼす制御レベルの違いから生じます。一部の側面は、他の側面よりも CSS ルールに従います。この例では、スクリプト メソッドは適用できません。

推奨される回避策は、「disabled」の代わりに「readonly」属性を使用し、CSS (たとえば、「class="disabled"」に基づく) を利用して再作成することです。障害のある姿。 「読み取り専用」入力要素は OS レベルで無効になったウィジェットとしてレンダリングされないため、より優れたカスタマイズ オプションが可能になります。

以上が無効化されたテキストボックスのテキストの色の変更が IE6/7 と Firefox で異なる動作をするのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。