jquery - 添加类不会改变样式

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

按钮禁用 ok 但 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; }