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

Internet Explorer でテキストボックスのテキストの色を無効にする

無効化されたテキストボックスのテキストの色は、単純なクラスを使用して Firefox で変更できることがわかります。ただし、IE 6 および 7 でこれを実現することは依然として課題です。

元のクエリは、インライン CSS が Firefox で無効になっているテキストボックスのテキストの色を変更できることを示唆しています。

<textarea disabled="disabled" style="color: red;">Hello</textarea>

ただし、このアプローチはIE では灰色のテキストが表示されますが、Firefox では赤色で表示されます。 Opera などの他のブラウザでもテキストは灰色で表示されますが、WebKit ブラウザでは赤色で表示されます。

この問題は、CSS がフォーム フィールドをレンダリングする方法から発生します。 IE では、これらのフィールドは通常、オペレーティング システムのウィジェット セットを使用してレンダリングされ、CSS ルールをオーバーライドします。他のブラウザは CSS ルールを優先する傾向があり、その結果、不一致が発生します。

この問題に対処するには、「disabled」の代わりに「readonly」属性を使用することをお勧めします。 「class="disabled"」指定を適用すると、フォーム コントロールに必要な制限を維持しながら、無効になったテキストボックスの外観をカスタマイズできます。 「読み取り専用」では、元のテキストボックスのスタイルが保持されるため、CSS を使用してより高度なカスタマイズが可能になります。

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