HTML輸入表單css

Question

問題是與html輸入形式，其中我需要以下附加pic.its的css代碼輸入形式，當鼠標單擊時，邊框變成藍色，並有模糊效果...我喜歡它這麼多，但我沒有從任何地方獲得的代碼......所以請幫我...

這個下面的圖片是從http://getbootstrap.com/css/#forms

Answer 1

狙擊你必須包括bootstrap在您的項目並添加到您的輸入class="form-control"。

希望這有助於

Answer 2

很可能只是包括一個CSS

http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css

HTML

---

<input type="text" class="input-style" placeholder="Text input"></input> 

CSS

---

.input-style { 
    width: 400px; 
    height: 35px !important; 
    margin-bottom: 10px !important; 
    padding: 6px 12px !important; 
    font-size: 14px; 
    line-height: 1.42857143; 
    color: #555; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px; 
} 

.input-style { 
 
    width: 400px; 
 
    height: 35px !important; 
 
    margin-bottom: 10px !important; 
 
    padding: 6px 12px !important; 
 
    font-size: 14px; 
 
    line-height: 1.42857143; 
 
    color: #555; 
 
    -webkit-border-radius: 6px; 
 
    -moz-border-radius: 6px; 
 
    border-radius: 6px; 
 
}

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"/> 
 
<input type="text" class="input-style" placeholder="Text input"></input>