切換按鈕樣式已禁用

Question

我有一個提交按鈕，我正在應用CSS樣式（背景圖像，字體等）。禁用時，我需要在按鈕上應用單獨的樣式。無論啓用還是禁用按鈕，動態切換樣式的最簡單方法是什麼？

Answer 1

使用:disabled僞類：

input:disabled { background-color : lime } 

點擊此處瞭解詳情：http://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:disabled

Answer 2

我想想類，你可以指定樣式類和切換他們在JS，因爲你需要（更普遍解決方案，您也可以將這些類用於其他元素）。

.classA { .. } 
.classB { .. } 

$('button').addClass('classA'); 
$('button').removeClass('classA'); 

Answer 3

除非你需要支持IE6您的使用attribute selector，例如：

button[disabled] { 
    // ... 
} 

或

#mysubmitbutton[disabled] { 
    // ... 
}