Bootstrap - Cách sử dụng trạng thái xác thực trên <textarea>

Question

Bootstrap cho phép trạng thái xác thực cho đầu vào bên trong biểu mẫu, sử dụng class="form-group has-error". Nhưng điều này không hoạt động với <textarea> và đủ kỳ quặc, không phải số help-inline, bất kỳ trợ giúp nào?

Edit: Đây là nhóm đầu vào đầy đủ:

<div class="form-group"> 
    <label for="desc" class="col-sm-2 control-label">Description:*</label> 
    <div class="col-sm-10"> 
    <textarea autocomplete="off" class="form-control" rows="5" name="desc" id="desc"></textarea> 
    </div> 
</div> 

Answer 1

Bạn có thể thêm lớp form-control tới phần tử textarea.

Example Here

<div class="form-group has-error"> 
    <textarea class="form-control"></textarea> 
</div> 

Bộ chọn sử dụng cho điều này là .has-error .form-control. Đây là phong cách mặc định quá:

.has-error .form-control { 
    border-color: #a94442; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
}