jquery - 如何更改 Bootstrap 中错误文本的颜色？

Question

当你查看我的 fiddle 时:http://jsfiddle.net/5WMff/1311/以及例如输入错误的电子邮件地址，您可以看到:

Email Please enter a valid email address.
we will not send spam

第一个文本以粗体黑色显示，第二个文本以红色显示。我希望第一个以红色显示，第二个应保持一开始的样子。我怎样才能做到这一点？ 我正在使用标准验证器:

$('#invoiceForm').validate({
    rules: {
        companyName: {
            minlength: 2,
            required: true
        },
        contactName: {
            minlength: 2,
            required: true
        },
        email: {
            required: true,
            email: true
        },
        address1: {
            minlength: 2,
            required: true
        }
    },
    highlight: function (element) {
        $(element).closest('.form-group').removeClass('success').addClass('has-error');
    },
    success: function (element) {
        element.addClass('valid')
            .closest('.form-group').removeClass('error').addClass('has-success');
    }
});

Answer 1

您正在将一个类添加到包含验证错误的 .form-group 中。然后 CSS 规则关闭了这个类，这就是导致样式更改的原因。您可以覆盖此 CSS 来实现您的要求。试试这个:

.has-error label.error {
    color: #a94442;
}
.has-error .help-block { 
    color: #737373;
}

Updated fiddle