JQuery 验证元素错误/有效的 css 未显示

Question

我在 user control 上使用 Jquery Validation:

 $("#form1").validate({
                 rules: {
                            <%=textb.UniqueID  %>: 
                            { 
                                required: true 
                            },
                        },
                messages: {
                            <%=textb.UniqueID  %>:
                                {
                                    required: "Please Enter value",
                                },
                        },
                highlight: function(element, errorClass, validClass) {
                           //$(element).css({ backgroundColor: '#0f0' });
                           $(element).addClass(errorClass).removeClass(validClass);
                        },
                unhighlight: function(element, errorClass, validClass) {
                            //$(element).css({ backgroundColor: '#fff' });
                           $(element).removeClass(errorClass).addClass(validClass);
                          }
            });

这是我正在使用的 CSS:

.error input {
    color: #b92d23;
}
.error {
      background: #000;
}

现在我可以看到添加到输入/文本框的 error 和 valid 类。但 CSS 不会生效以更改背景颜色。

如果我执行 $(element).css({ backgroundColor: '#fff' }); 它会更改颜色但想从 CSS 文件执行此操作(我可以看到我的其他 CSS 类但不是错误)。

在 Firebug 中它看起来像这样:

<input type="text" class="UC_longtextfield error" id="mypage_txbLoanAmount" name="mypage$txbLoanAmount">
<label for="mypage_txbLoanAmount" generated="true" class="error">Please Enter value</label>

Answer 1

你的css错了

input.error {
    color: #b92d23;
}