使用单一样式类启用和禁用按钮

Question

我有一个使用class formBtn

的按钮

在css中

.formBtn {color:#fff; background-color:#518ACD; border-color:#ccc #000 #000 #ccc; font-    size:11px; font-weight:bold;}

HTML中的

<html:submit styleClass="formBtn" value="Add"/>

建议我，以便我可以为禁用的按钮使用相同的类名，并以不同的方式显示它（比如背景颜色：灰色）。我可能正在使用像这样的样式类

HTML中的

<html:submit styleClass="formBtn" value="Disabled Add" disabled="true"/>

Answer 1

使用：disabled pseudoclass。

.formBtn:disabled { background-color: grey; } 

Answer 2

[attribute = value]选择器应该工作IE7，如果你关心的话，不知道IE6。

.formBtn[disabled=true] { background: gray}

如果您在值中有“已禁用”字词，则可以执行以下操作：

.formBtn[value~=Disabled] { background: gray}