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

【问题标题】：Bootstrap - How to use validation states on a <textarea>Bootstrap - 如何在 <textarea> 上使用验证状态
【发布时间】：2017-11-14 23:56:56
【问题描述】：

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>

【问题讨论】：

请不要使用“bootstrap”标签，使用“twitter-bootstrap”，因为它意味着别的东西

标签： css forms twitter-bootstrap textarea styling

【解决方案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);
}

【讨论】：

是的，不幸的是我已经应用了表单控件，所以这不应该是问题。
@user3934360 根据您刚刚发布的 HTML，它应该工作 - jsfiddle.net/7p9bLfy0 您要么更改了引导程序样式，要么涉及到冲突的 CSS。
很抱歉，我的问题似乎是 php 问题，但感谢您的帮助！