風格禁用窗體控件類

我有一個風格的輸入按鈕，我想改變風格，如果它被禁用。當禁用像disabled="disabled"那樣設置時，這是有效的，但是如果禁用僅僅通過編寫disabled來設置，它也不能與類說明符一起工作，那麼我構造CSS是否錯誤？風格禁用窗體控件類

因此要澄清input[disabled="disabled"].awesome正常工作，input.awesome.disabled沒有。

我有以下HTML測試：

<input class="awesome" disabled /> 
<input class="awesome" disabled="disabled" />

CSS：

input[disabled="disabled"].awesome , input.awesome.disabled 
{ 
    color: #aaa;; 
    background-color: #eee; 
}

如果我寫的，像這樣的選擇，它的工作原理（但對於所有的按鈕）

input[disabled="disabled"], input.disabled { /**/ }

來源

2012-01-06 Chris

禁用不是一個類（這是你的CSS所暗示的），它是一個僞類。使用此：

input.awesome:disabled

來源

2012-01-06 15:40:03

此，並作爲一個側面說明屬性值並不需要在選擇器中指定，布爾屬性，如'disabled'。 – BoltClock 2012-01-06 15:42:52

我很確定：禁用不是一個有效的CSS僞類......它是jQuery中的僞類，但不是CSS。編輯：[nope ... nevermind ...]（http://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:disabled） – 2012-01-06 15:43:17

它在W3文檔中，所以是的，它絕對有效（儘管它在IE8中不起作用） – 2012-01-06 15:44:23

風格禁用窗體控件類

回答

相關問題