添加類不改變風格

Question

我的CSS提交按鈕（簡稱爲便於閱讀）：

input[type="submit"] 
{ 
background-color:#3bb3e0; 
padding:10px; 
position:relative; 
font-family: Arial, sans-serif; 
font-size:12px; 
text-decoration:none; 
color:#fff; 
border: solid 1px #186f8f; 
border-radius: 5px; 
cursor:pointer; 
} 

當用戶如果填寫表格，而錯誤使用AJAX我想禁用檢查提交按鈕，如果用戶輸入一些錯誤改變其顏色，所以我用下面的jQuery：

if(response == 0) 
{ 
$("#button").addClass("buttonDisable"); 
$('#cross').fadeIn(); 
$('#button').prop('disabled', true); 
} 

按鈕禁用確定，但CSS沒有效果的檢查顯示它最初的CSS後添加，因此它被劃掉：

input[type="submit"].buttonDisable { background-color:#ccc; border:1px solid #666; } 

問題：我該如何讓班級對按鈕有影響？

Answer 1

試試這個： -

input[type="submit"][disabled] { background-color:#ccc; border:1px solid #666; }