jquery ui在IE中禁用按钮不需要的文本阴影

时间:2011-04-06 04:39:41

标签: css jquery-ui internet-explorer

我有一个链接,它是一个Jquery UI样式按钮。 当我设置disabled="disabled" ie8呈现带有白色投影的文本时。 我无法分辨出这种风格的来源。 我已经检查了<a>标签,并且它是两个<span>子项,即开发工具,并且没有与此相关的样式。

我还查看了任何filter:dropshadow属性的UI样式表,但是没有。

即使我无法确定它的来源,我也尝试重写这个风格,但是:

a.ui-state-disabled {

color:black !important;

}

但无济于事。有什么建议吗?

3 个答案:

答案 0 :(得分:7)

这与jquery-ui无关。 IE将自己的样式添加到属性disabled =“disabled”的链接。它不能被覆盖。

答案 1 :(得分:1)

Adripants是对的。它不能被覆盖,但你有另一种方法可以做到:

首先:将自定义禁用样式添加到css样式表

a.disabled {
    color:black;
}

然后:删除“已停用”属性并仅为IE添加自定义类

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

答案 2 :(得分:1)

你可以做一件事:

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

function checkDisable() {

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