twitter-bootstrap - 使用 Bootstrap 3.1 修复 Firefox 文件输入问题？

Question

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>

这是 fiddle :http://jsfiddle.net/vFt5K/

有人对此有优雅的解决方案吗？

Answer 1

添加

.form-control {
    height: auto;
}

你的CSS将解决你的问题——我会将它标记到一个额外的类只是为了确保它不会干扰其他任何东西。

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

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

JSFiddle