你如何定位提交按鈕的禁用狀態？

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瀏覽器支持）