添加类不改变风格

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; }