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

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*/
}

由于此页面显示所有主流浏览器(IE8除外)都支持此标记,因此它似乎无法使用(除非您不需要IE支持)

Answer 3

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

在IE 6中不起作用,但在所有其他浏览器中都应该起作用.参考

还有:disabled伪类,但在IE中根本不支持.

样式禁用元素很难,因为它们有时具有无法覆盖的属性.本文展示了哪些样式适用于哪些浏览器:样式禁用使用CSS的表单控件