如何在懸停在文本輸入字段上時獲得藍光？

-3

我包括了bottstrap 3.3，但是在盤旋時我沒有得到藍色的光芒。只有在選擇該字段時，我會看到藍色突出顯示的邊框。我怎樣才能達到藍光作爲懸停效果？如何在懸停在文本輸入字段上時獲得藍光？

enter image description here

<!-- Latest compiled and minified CSS --> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 

    <!-- CSS INCLUDES: --> 
    <link href="/static/css/common_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 
    <link href="/static/css/list_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 
    <link href="/static/css/generic_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 
    <link href="/static/css/ai_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 
    <link href="/static/css/koolindex_in.css?{{VERSION}}" rel="stylesheet" type="text/css">

難道我重寫的影響，如果我把下面我自己的CSS的引導代碼會發生什麼？這會工作嗎？

來源

2015-06-20 Niklas Rosencrantz

如果按F12在瀏覽器中，你可以看到CSS/HTML是怎麼寫的，通過這種方式，你可以找到「藍輝光」的CSS：

border-color: rgba(82, 168, 236, 0.8); 
box-shadow: 0px 0px 8px rgba(82, 168, 236, 0.6);

如果你有一個類，您可以爲特定狀態創建CSS：

.yourClass:focus{ background: #f00; } 
#yourId:hover{ background: #00f; }

CSS將使用被發現爲默認最後的CSS，但你也可以使用!important：

.example{ color: #0f0 !important; } /* Will be used first */ 
.example{ color: #f00; } 
.example{ color: #00f; } /* Will be used if the first wouldn't have !important */

所以，如果你第一次加載你的CSS，然後引導CSS，Bootstrap將取代你的CSS，除非你使用！important。

使用google瞭解更多，searchwords：css states，css input，css box-shadow

來源

2015-06-20 21:07:03 SebHallin

如何在懸停在文本輸入字段上時獲得藍光？

回答

相關問題