twitter-bootstrap – 使用Bootstrap 3.1修复Firefox文件输入?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 使用Bootstrap 3.1修复Firefox文件输入?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Firefox上文件选择器中的浏览按钮使用Bootstrap 3.1扩展到其边框
<div class="panel" role="form">
    <div class="container-fluid form-horizontal">
        <div class="row form-group">
            <div class="col-xs-12">
                <input type="file" class="form-control" />
            </div>
        </div>
    </div>
</div>

这是小提琴:http://jsfiddle.net/vFt5K/

有人有这个优雅的解决方案吗?

解决方法

添加
.form-control {
    height: auto;
}

到你的css将解决你的问题 – 我会把它标记为一个额外的类,以确保它不干扰任何其他的。

<input type="file" class="form-control my-form-control" />

.form-control.my-form-control {
    height: auto;
}

JSFiddle

猜你在找的Bootstrap相关文章