IE6/IE7で無効なテキストボックスのテキストの色をカスタマイズするにはどうすればよいですか?

IE で無効なテキストボックスのテキストの色のカスタマイズ

はじめに:

無効なテキストボックスのテキストの色の変更は一般的な要件です。ウェブ開発で。このタスクは Firefox などの最新のブラウザでは簡単ですが、Internet Explorer (IE) バージョン 6 および 7 では課題が生じます。

課題:

CSS を適用する場合IE6/IE7 で無効なテキストボックスにクラスを追加すると、テキストの色が期待どおりに変化しません。テキストの色のカスタマイズが可能な Firefox とは異なり、IE では無効なテキストボックスのテキストが固定のグレーの色合いで表示されます。

解決策:

IE6 で無効なテキストボックスのテキストの色のカスタマイズを実現するには/IE7 の場合は、次の手法を使用します。

1. 「readonly」属性を使用します:

「disabled」属性を使用する代わりに、「readonly」属性を使用します。テキストボックスをオペレーティング システム レベルのウィジェットとして表示する「無効」とは異なり、「読み取り専用」では、より CSS ベースのカスタマイズが可能です。

2.カスタム スタイルの適用:

特に「読み取り専用」テキストボックスをターゲットにし、「color」プロパティを使用して目的のテキストの色を適用する CSS クラスを作成します。例:

<code class="css">textarea[readonly] {
  color: red;
}</code>

説明:

「disabled」の代わりに「readonly」を使用することで、ブラウザーがより自由に CSS スタイルを適用できるようになります。この回避策を使用すると、デフォルトの無効状態の外観をオーバーライドし、必要に応じてテキストの色をカスタマイズできます。

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