更改输入元素颜色

时间:2013-10-11 09:06:00

标签: twitter-bootstrap

我正在试图找出twitter bootstrap的表单结构。我想更改为特定的验证状态http://getbootstrap.com/css/#forms-control-states(向下滚动一下)我有这样的形式:

<form class="form-signin" id="registerForm">
   <input class="form-control input-sm" type="email" placeholder="E-mail">
   <input class="form-control input-sm" type="text" maxlength="30" placeholder="Username (6-30 characters)">
   <input class="form-control input-sm" type="password" maxlength="30" placeholder="Password (6-30 characters)">
   <button id="registerButton" class="btn-small"><b>Register</b></button>
</form>

我应该改变什么属性才能在输入字段上获得特定的验证颜色?

1 个答案:

答案 0 :(得分:1)

如果你的意思是,如果你想在输入字段上使用不同的颜色,你应该怎么做,那么你应该添加一些在包含输入字段的父项上提供的类。 例如,<div class="has-warning"><input type="text" class="form-control"></div>

“验证状态

Bootstrap包含表单控件上的错误,警告和成功状态的验证样式。要使用,请将.has-warning,.has-error或.has-success添加到父元素。该元素中的任何.control-label,.form-control和.help-block都将收到验证样式。“