如何更改 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 添加 class。然后有 CSS 规则关闭此 class 是导致样式更改的原因。您可以覆盖此 CSS 以实现您的要求。试试这个：

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

Updated fiddle

如何更改 bootstrap 中错误文本的颜色？

how can I change the color of error text in bootstrap?

css

jquery

jquery-validate

twitter-bootstrap