Internet Explorer で無効になっているテキストボックスの色を変更するにはどうすればよいですか?

Internet Explorer で無効になっているテキストボックスの色を変更する

Internet Explorer (IE) 6 および 7 で無効になっているテキストボックスの色を変更できない問題は、以下の可能性があります。単純なクラスを使用して Firefox で簡単に実行できるのに比べると、もどかしい制限です。

IE の CSS の制限

この問題の根本は、IE の解釈方法にあります。無効なフォームフィールドに適用される CSS ルール。コンテキストに関係なく CSS ルールを優先する Firefox や WebKit ベースのブラウザとは異なり、IE はフォーム要素をレンダリングするためにオペレーティング システムのデフォルトのウィジェット セットに大きく依存しています。

「読み取り専用」の代替手段

この制限の解決策は、テキストボックスで「disabled」の代わりに「readonly」属性を使用することです。これにより、コントロールは OS レベルで無効なウィジェットとしてレンダリングされなくなり、CSS を使用してコントロールのスタイルをより柔軟に設定できるようになります。

目的の効果を実現するには、次の CSS クラス (「無効」など) を作成します。特定の背景色やフォント色など、無効になっているテキストボックスのスタイルを定義します。次に、HTML で、このクラスを「読み取り専用」テキストボックスに適用して外観を制御します。

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

このソリューションにより、IE で無効になっているテキストボックスの外観を特定のニーズに合わせてカスタマイズし、一貫性を確保できます。異なるブラウザ間で。

以上がInternet Explorer で無効になっているテキストボックスの色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。