css - Bootstrap - 如何在 <textarea> 上使用验证状态

Question

Bootstrap 允许在表单内部输入验证状态，使用 class="form-group has-error" .但这不适用于 <textarea> ，奇怪的是 help-inline 也没有, 有帮助吗？

编辑: 这是完整的输入组:

<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

您可以将 form-control 类添加到 textarea 元素。

Example Here

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

用于此的选择器是 .has-error .form-control。这也是默认样式:

.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);
}