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元素中。

这里的例子

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