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

我有一个如下的文本框。为什么我的文本框的边框颜色不会增长？

<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。

我觉得差不多。

第二个圆角和光线增长。为什么第一个没有圆角并且光线不会发光？

编辑：

来源

2016-03-05 batuman

你链接的任何例子都没有带圆角的输入。 –

@AndyRay，我的浏览器可以看到不同之处。一个有直角。另一个有点圆。让我从另一台电脑上检查。 – batuman

@AndyRay你注意到一个人的颜色越来越大，另一个人没有？ – batuman

!imporant的申请css有力和效果相同的引导。

.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

来源

2016-03-05 04:58:39

我已编辑添加。我不是那种颜色。当用户点击文本框时，浅蓝色的颜色就会打响。我认为这是来自Bootstrap。我有两页。注册页面有这种效果。但登录页面没有。我想知道为什么。不知何故，它不会在JSFiddle中发生。 – batuman

@batuman使用！重要 –

https://jsfiddle.net/apeqjdth/5/ –

如果你想输入有一次选择了不同的/特殊的外观，使用：焦点CSS伪类。

一个简单的例子：

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

PS。我假设你的意思是“发光”，而不是“增长”，并且肯定不是“打击”:-)

来源

2016-03-05 04:58:39 JRS

对不起，它发光。 – batuman

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

回答

相关问题