如何更改引导程序中错误文本的颜色？答案

【问题标题】：how can I change the color of error text in bootstrap?如何更改引导程序中错误文本的颜色？
【发布时间】：2025-12-01 03:05:01
【问题描述】：

当您查看我的小提琴时：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');
    }
});

【问题讨论】：

标签： jquery css twitter-bootstrap jquery-validate

【解决方案1】：

您正在向包含验证错误的.form-group 添加一个类。然后有一些 CSS 规则锁定了这个类，这些规则是导致样式更改的原因。您可以覆盖此 CSS 以实现您的要求。试试这个：

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

Updated fiddle

【讨论】：