0

送信ボタン用の 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; }

質問:クラスがボタンに影響を与えるようにするにはどうすればよいですか?

4

1 に答える 1

2

これを試して：-

input[type="submit"][disabled] { background-color:#ccc; border:1px solid #666; }
于 2013-05-12T08:03:00.710 に答える