2014-06-12 133 views
0

我使用的引導3.引導 - 禁止輸入懸停顏色

我有一個simpel文本輸入

<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

看看'.form-control:focus {...}';-) –

+0

創建一個鏈接到你的頁面。我會說你的解決方案 –

+0

當我點擊它時怎麼樣?應該是類似.form-control:active? can not find it tho –

回答

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