IE8 で無効な HTML コントロールの CSS 色変更の問題

HTML では、disabled 属性により入力コントロールが無効になりますが、これらのコントロールの外観。ほとんどのブラウザーは、CSS を使用して無効なコントロールに適用されるカスタム スタイルを受け入れます。ただし、Internet Explorer 8 (IE8) では、無効なコントロールの色の変更に関して独特の課題があります。

無効な入力コントロールにカスタム カラー スタイルを適用しているにもかかわらず、IE8 ではテキストの色がグレーに戻ります。この動作は、使用されている CSS ルールに関係なく発生します。たとえば、次のコードはテキストの色を変更しません:

input[disabled='disabled']{
  color: #666;     
}

この問題は color プロパティでのみ発生します。他のすべてのスタイル プロパティ (background-color、border-color など) は正常に変更できます。この排他的な動作の理由は依然として不明です。

結論

CSS を使用してほとんどのブラウザで無効な入力コントロールの外観をカスタマイズできますが、IE8 には制限があります。文字の色を変更するとき。この制限は IE8 に固有のものであり、簡単には克服できません。