有没有办法使用 Bootstrap 3 在 Firefox 上对齐我的输入组？

Question

我用Bootstrap 3做了一个小小的搜索表格，在谷歌浏览器上很完美，但是在Firefox（我用的是23版）中对齐不太好，代码是：

<form class="col-md-3 input-group pull-right" method="GET"> 
    <input type="text" name="search" id="id_search" class="form-control" maxlength="200">

    <span class="input-group-btn">
        <input type="submit" class="btn btn-default btn-group" name="submit_search" value="Buscar">
    </span>
</form>

你可以在http://jsfiddle.net/eRpKW/看到它

有什么简单的方法可以解决吗？

Answer 1

只需将您的<input type="submit"> 更改为<button type="submit">（它们完全是interchangeable）。

所以这一行：

<input type="submit" class="btn btn-default btn-group" name="submit_search" value="Buscar">

会变成

<button type="submit" class="btn btn-default btn-group" name="submit_search">Buscar</button>

这是更新后的demo。

有关问题原因的更多详细信息，您可以阅读input height differences in Firefox and Chrome。