css - bootstrap - 禁用输入悬停颜色

Question

我正在使用 bootstrap 3。

我有一个简单的文本输入

<div class="col-lg-3">
    <div class="input-group">
        <input type="text" class="form-control pn-input" data-provide="typeahead" id="searchfield">
        <span class="input-group-addon pn-span">
            <i class="glyphicon glyphicon-search"></i>
        </span>
    </div>
</div>

当我将鼠标悬停在输入框上时，边框颜色变为蓝色，我已经在 CSS 中搜索了几个小时，但我找不到定义该颜色的位置。

Answer 1

工作 fiddle http://jsfiddle.net/9H4Ea/3/ bootstrap 输入聚焦，没有 boxshadow 和 bordercolor 设置为灰色。

.form-control:focus {border-color:rgba(100,100,100,1)!important;
-webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

重要 如果您以这种方式覆盖 bordercolor 属性

border-color:#fff;

它不起作用，因为 Bootstrap 的 opacity 仍然是 0.8(分配给 rgba)