Jquery ui disabled unwanted text shadow button in IE

Question

I have a link which is a jQuery UI style button. When I install disabled="disabled"ie8, the text is converted to a white shadow. I can’t say where he gets this style from. I checked the tag <a>and these are two <span>children with dev tools and there are no styles that seem to apply to this.

I also looked at the user interface stylesheet for any properties filter:or dropshadow, but, alas, there were none.

I also tried to redefine the style, although I could not be sure where it came from using

a.ui-state-disabled {

color:black !important;

}

But to no avail. Any suggestions?

Answer 1

jquery-ui. IE disabled = "disabled". .

Answer 2

. , :

: CSS.

a.disabled {
    color:black;
}

: "disabled" IE

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

Answer 3

You can do one thing:

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

function checkDisable() {

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