jquery - Chrome/Mozilla で背景画像が変更されない

Question

サインアップするためにユーザーがすべて入力する必要がある入力フィールドがいくつかあります。したがって、ユーザーがコントロールを空白のままにすると、赤いエラー画像が入力フィールドに表示されるかどうかを検出する jQuery コードを作成しました。

$("#Ad,#Soyad,#Eposta,#EpostaOnay,#Sifre,#SifreOnay").on("blur", function () {

            if ($(this).val().trim().length == 0) {
                $(this).css({ background: "url(images/core/input_error2.png) no-repeat !important" });
            }

        });
        $('#Ad,#Soyad,#Eposta,#EpostaOnay,#Sifre,#SifreOnay').on("focus", function () { 

            $(this).css('background', 'url(images/core/input2.png) no-repeat !important');

        });

このコードは IE ではうまく機能しますが、Chrome や Mozilla FF では機能しません。Chrome にいくつかのブレークポイントを設定しました。要素がフォーカスされているか、フォーカスアウトされているかを検出できます。