切换按钮样式已禁用

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