Problema de mudança de cor CSS para controles HTML desativados no IE8

Em HTML, o atributo desativado desativa os controles de entrada, mas também afeta o aparência desses controles. A maioria dos navegadores respeita estilos personalizados aplicados a controles desabilitados usando CSS. No entanto, o Internet Explorer 8 (IE8) apresenta um desafio único quando se trata de alterar a cor dos controles desabilitados.

Apesar de aplicar um estilo de cor personalizado aos controles de entrada desabilitados, o IE8 reverterá a cor do texto para cinza. Esse comportamento ocorre independentemente da regra CSS utilizada. Por exemplo, o código a seguir não modificará a cor do texto:

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

Esse problema surge apenas com a propriedade color. Todas as outras propriedades de estilo, como cor de fundo, cor da borda, etc., podem ser modificadas com sucesso. O motivo desse comportamento exclusivo permanece desconhecido.

Conclusão

Embora seja possível personalizar a aparência dos controles de entrada desabilitados na maioria dos navegadores usando CSS, o IE8 apresenta uma limitação quando se trata de alterar a cor do texto. Esta limitação é inerente ao IE8 e não é facilmente superada.