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

Question

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

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

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

原文由 Thomas 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用：

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

在 Firefox 上工作， 据报道 在除 IE6 之外的所有版本上都很好。但是我还没有亲自测试过这种组合选择器。

PS：一种更健壮的跨浏览器方法，使用 jQuery …

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

原文由 Brock Adams 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

CSS3 添加了 :disabled 伪类，这正是您想要的。

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

由于 这个页面 显示所有主流浏览器（除了IE8）都支持这个标签，所以它似乎还不能使用（除非你不需要IE支持）

原文由 Veger 发布，翻译遵循 CC BY-SA 2.5 许可协议