为什么我的文本框的边框颜色不会增长？

Question

我有一个文本框如下。

<div class="form-group">
                    <label for="passwordr">Repeat Password</label>
                    <input type="password" class="form-control" required="" name="passwordr" value="">
                    <span class="help-block">Type the password again. Passwords must match.</span>


  </div>

当用户点击文本框时，我希望有一个带有发光颜色的文本框。

但它现在还没有发生。 请看here。

我有另一个设置，它有效here。

我认为几乎一样。

第二个有圆角，光线增长。 为什么第一个没有圆角而且灯没有发光？

编辑：

Answer 1

!imporant强制应用css，效果与bootstrap相同。

.form-control:focus{ 
 box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;
   border: 1px solid rgba(81, 203, 238, 1) !important;

}

Working Fiddle

Answer 2

如果您希望输入在选择后具有不同/特殊外观，请使用：focus CSS伪类。

一个简单的例子：

#myInput:focus {
    border: 1px solid red;
}

PS。我认为你的意思是“发光”，而不是“成长”，当然不是“打击”： - ）