jquery ui botón desactivado sombra de texto no deseado en IE

Question

Tengo un enlace que es un botón de estilo de IU de Jquery. Cuando configuro disabled="disabled" ie8 representa el texto con una sombra blanca. No puedo decir de dónde está obteniendo este estilo. He inspeccionado la etiqueta <a>, y hay dos hijos <span> con herramientas dev y no hay estilos que parezcan estar relacionados con esto.

También busqué en la hoja de estilos de la UI las propiedades filter: o dropshadow, pero lamentablemente no hubo ninguna.

También probé anulando el estilo a pesar de que no podía estar seguro de dónde venía, con:

a.ui-state-disabled { 

color:black !important; 

} 

Pero fue en vano. ¿Alguna sugerencia?

Answer 1

Esto no tiene nada que ver con jquery-ui. IE agrega su propio estilo a los enlaces con el atributo disabled = "disabled". No puede ser anulado.

Answer 2

Adripants es right.It no puede ser cambiada, pero hay otra manera de hacerlo:

Primero: Añadir su estilo desactivar personalizado a su estilo css

a.disabled { 
    color:black; 
} 

Entonces : Quitar el atributo "desactivado" y añadir la clase personalizada sólo para IE

<!--[if IE]> 
<script type="text/javascript"> 
    $(function() { 
     $("a:disabled, a[disabled='disabled']").addClass("disabled").removeAttr("disabled"); 
    }); 
</script> 
<![endif]--> 

Answer 3

y ou puede hacer una cosa:

<button class="disabled" onmousedown="return checkDisable();"> 

function checkDisable() { 

     if($(this).hasClass('disabled') { return false;} 
}