использование единого стиля стиля для включенной и выключенной кнопки

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

Используйте: отключенный псевдокласс.

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

Answer 2

Селектор [attribute = value] должен работать в IE7, не знаю, как работает IE6.

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

Если у вас есть слово «Disabled» в значениях, вы можете сделать что-то вроде:

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