Problema de cambio de color CSS para controles HTML deshabilitados en IE8

En HTML, el atributo deshabilitado deshabilita los controles de entrada, pero también afecta el apariencia de dichos controles. La mayoría de los navegadores respetan los estilos personalizados aplicados a los controles deshabilitados mediante CSS. Sin embargo, Internet Explorer 8 (IE8) presenta un desafío único cuando se trata de cambiar el color de los controles deshabilitados.

A pesar de aplicar un estilo de color personalizado a los controles de entrada deshabilitados, IE8 revertirá el color del texto a gris. Este comportamiento se produce independientemente de la regla CSS utilizada. Por ejemplo, el siguiente código no modificará el color del texto:

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

Este problema surge únicamente con la propiedad de color. Todas las demás propiedades de estilo, como color de fondo, color de borde, etc., se pueden modificar correctamente. Se desconoce el motivo de este comportamiento exclusivo.

Conclusión

Si bien es posible personalizar la apariencia de los controles de entrada deshabilitados en la mayoría de los navegadores que utilizan CSS, IE8 presenta una limitación cuando se trata de cambiar el color del texto. Esta limitación es inherente a IE8 y no se supera fácilmente.