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

Question

我已经看遍了，无法弄清楚这一点：你如何针对CSS中的禁用状态提交按钮？

例如：如何将我的目标和风格的按钮：

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

Answer 1

您可以使用：

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

在火狐上运行，并且据说除IE6外都很好。但我没有亲自测试过这种组合选择器。

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

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

Answer 2

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

并不在IE 6中工作，但在其他所有浏览器应该。 Reference

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

样式禁用的元素很难，因为它们有时具有不能被覆盖的属性。本文将展示哪些浏览器适用于哪些浏览器：Styling disabled form controls with CSS

Answer 3

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

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

代码的jQuery：

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

添加样式元素 '已禁用'。

Answer 4

我能想到的一种方法是将按钮的类设置为禁用，然后使用“input.disabled”指定适当的CSS。你会这样做吗？

Answer 5

CSS3添加了:disabled伪类，它正是你想要的。

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

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