切换按钮样式已禁用

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] { 
    // ... 
}