2011-05-12 189 views
4

單一風格類我有使用類按鈕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"/> 

推薦我的東西,讓我可以爲禁用的按鈕使用相同的類名稱並以不同的方式顯示(例如,background-color:Gray)。我可以使用樣式類這樣

在HTML

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

我建議您通過服務器代碼這樣做。你用什麼平臺爲你的網站申請? – eugeneK

回答

7

使用:禁用僞類。

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

不適用於大部分IE瀏覽器,因爲除了賦予錨點以外,它們無法理解僞類。 – eugeneK

+1

呵呵,當談到IE瀏覽器時,我往往會有點不小心,因爲它通常不會做我想做的事情。對不起D: –

+0

@eugeneK:IE可以理解一些僞類,只有IE6不懂':hover'在非錨點上。但你說得對:IE中不支持':disabled'。 – BoltClock

3

[attribute = value]選擇器應該工作IE7,如果你在意不知道IE6。

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

如果您有值「已禁用」字樣,你可以這樣做:

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

+1我想知道如何覆蓋我的默認樣式,我不想動態添加另一個類,並且必須與後端同時添加disabled屬性。 (意外地將此評論添加爲答案。) –