改变引导输入焦点蓝色发光

有人知道如何改变Bootstrap的输入:焦点吗?当你点击输入字段时显示的蓝色辉光?

当前回答

对于焦点前的输入边框。你可以指定你想要使用的最喜欢的颜色和其他css，如填充等


.input {
    padding: 6px 190px 6px 15px;
    outline: #2a65ea auto 105px ;
}

当我们关注输入时。你可以指定你喜欢的颜色轮廓


.input:focus{
    box-shadow: none;
    border-color: none;
    outline: lightgreen auto 5px ;
}

其他回答

对于焦点前的输入边框。你可以指定你想要使用的最喜欢的颜色和其他css，如填充等


.input {
    padding: 6px 190px 6px 15px;
    outline: #2a65ea auto 105px ;
}

当我们关注输入时。你可以指定你喜欢的颜色轮廓


.input:focus{
    box-shadow: none;
    border-color: none;
    outline: lightgreen auto 5px ;
}

在Bootstrap 3.3.7中，你可以在定制器的Forms部分更改@input-border-focus值:

简单的一个

要移除它:

.form-control, .btn {
    box-shadow: none !important;
    outline: none !important;
}

来改变它

.form-control, .btn {
    box-shadow: new-value !important;
    outline: new-value !important;
}

你可以使用.form-control选择器来匹配所有输入。例如改为红色:

.form-control:focus {
  border-color: #FF0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

把它放在你的自定义css文件中，并在bootstrap.css之后加载它。它将适用于所有输入，包括文本区域，选择等…

这应该有助于去除它! 输入[type = text] { 边界:没有; ｝输入[type = text]:focus { 边界:没有; 不必:没有; ｝

推荐文章