HTML 输入表单 css答案

【问题标题】：HTML input form cssHTML 输入表单 css
【发布时间】：2014-09-27 10:26:47
【问题描述】：

问题在于 html 输入表单，我需要以下附加图片的 css 代码。它是一个输入表单，当鼠标单击时，边框变为蓝色并具有模糊效果...我非常喜欢它但我没有从任何地方获得代码...所以请帮助我...

以下图片截自http://getbootstrap.com/css/#forms

【问题讨论】：

标签： css forms input

【解决方案1】：

您必须在您的项目中包含bootstrap 并在您的输入中添加class="form-control"。

希望对你有帮助

【讨论】：

是的，它的工作....thnx 很多...这是我第一次使用引导程序

【解决方案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>

【讨论】：