bootstrap - 禁用输入悬停颜色

时间:2014-06-12 11:52:41

标签: css html5 twitter-bootstrap

我正在使用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,我无法找到定义此颜色的位置。

1 个答案:

答案 0 :(得分:2)

工作小提琴http://jsfiddle.net/9H4Ea/3/,引导输入聚焦,没有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;

它不起作用,因为仍然是引导程序的不透明度为0.8(使用 rgba 分配)