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