添加类不会改变样式

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