如何更改bootstrap中錯誤文本的顏色？

Question

當你檢查我的小提琴：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