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>