我有一個按鈕。按鈕的文本內部有一個span標籤。有時按鈕可能被禁用。禁用時，我想讓按鈕變灰。爲什麼不工作？首先，HTML，那麼CSS選擇具有屬性的元素的子元素

<button disabled> 
    <span class="dark-disabled">Start New Game</span> 
</button> 

button:disabled span{ 
    background: #ccc; 
}

但是，如果我做一類選擇，而不是將火：

button:disabled .dark-disabled{ 
    background: #ccc; 
}

來源

2014-05-17 scottndecker

您正在尋找的CSS attribute selector

button[disabled] span{ 
    background: #ccc; 
}

編輯：

我誤解了你的問題，:disabled和[disabled] w虐待一個按鈕的工作。您給我的樣品在Firefox中工作正常：JSFiddle

您使用的是哪種瀏覽器？

來源

2014-05-17 19:18:17

根據你正在迎合的瀏覽器，考慮閱讀'normalize.css' –

另請參閱兩者之間的區別http://stackoverflow.com/questions/20141450/should-i-use-css-disabled - 僞級或 - 禁用屬性選擇器或 - 是-i的 – BoltClock

所有瀏覽器（包括IE8及更高版本）都會自動爲禁用的按鈕提供不同的灰色背景。只需使用這個：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Demo</title> 
</head> 
<body> 
    <button>Start new game</button> 
    <button disabled="disabled">Start new game</button> 
</body> 
</html>

這將爲不同瀏覽器提供最一致的視覺效果。

來源

2014-05-17 19:52:03

選擇具有屬性的元素的子元素

回答

編輯：

相關問題