爲什麼CSS！important在我的用例中不起作用？

Question

功能：將禁用的背景顏色從灰色更改爲白色。

已選擇解決方案： 我已經添加在CSS顯示如下的類：

.whiteBackground{ 
background-color: white !important; //As Pure CSS API also have rules for disabling so i mark it as important 
} 

我已經加入以下在JQuery的代碼禁用選擇上的基：

$("#listOfFruits").attr('disabled',(fruitsListSize === 0)); //This fuitsListSize is returning 0 in my case, so it will be true 
$('#listOfFruits').addClass((fruitsListSize === 0)?"whiteBackground":""); //listOfFruits is name of <select> 

上面的代碼不不行。

我檢查過使用Firebug，發現下面的純CSS代碼正在實施，我的班級不在列表中。

.pure-form select[disabled]{ 
background-color: grey (code); 
cursor: not-allowed; 
} 

HTML顯示我的類名：

<select multiple="multiple" style="width:250px" name="listOfFruits" id="listOfFruits" disabled="disabled" class="whiteBackground"> 

Answer 1

下面的代碼完全爲我工作：

.pure-form select[disabled].whiteBackground { 
background:white !important ; 
} 

Answer 2

嘗試

select[disabled] 
{ 
background:white; 
}