Question

我已经看了一遍，无法弄明白：你如何在css中定位禁用状态提交按钮？

例如：我如何定位和设置此按钮的样式：

<input value="Validate" disabled="disabled" type="submit"/>

Answer 1

您可以使用：

    input[disabled=disabled][type=submit] {
        background:green;
    }

适用于Firefox，除了IE6之外，据报道良好。但我没有亲自测试过这种组合选择器。

PS：一种更强大的跨浏览器方法，使用jQuery ...

$("input[disabled=disabled][type=submit]").css
({
    'background':   'yellow',
    'color':        'blue'
});

Answer 2

CSS3添加了:disabled伪类，它完全符合您的要求。

input:disabled {
 /*Disabled styles for input elements here*/
}

由于this page显示所有主流浏览器（IE8除外）都支持此标记，因此它似乎无法使用（除非您不需要IE支持）

Answer 3

input[disabled='disabled'][type='submit']
{
...
}

在IE 6中不起作用，但在所有其他浏览器中都应该起作用。 Reference

还有:disabled pseudo-class，但在IE中根本不支持。

样式禁用元素很难，因为它们有时会具有无法覆盖的属性。本文介绍了哪些样式适用于哪些浏览器：Styling disabled form controls with CSS

Answer 4

CSS中没有为禁用状态定义伪类。

我的猜测是使用JQuery来更改禁用按钮的CSS类。

JQuery代码：

<script language="javascript">
    $('input[type=button]').each(function () {
        if ($(this).attr('disabled') == true)
        {
            $(this).addClass('disabled');
        }
    });
</script>

添加样式元素“已禁用”。

Answer 5

我能想到的一种方法是将按钮的类设置为禁用，然后使用“input.disabled”指定适当的CSS。这会在您正在执行此操作的上下文中起作用吗？

如何定位提交按钮的禁用状态？

5 个答案: