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

Question

我有一个使用类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伪类.

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