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

Question

我用Bootstrap 3做了一个小小的搜索表格，在谷歌Chrome上很完美，但是在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">（它们是完全可互换的）。

所以这一行：

<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>

这是一个更新的演示。

有关问题原因的更多详细信息，您可以阅读Firefox 和 Chrome 中的输入高度差异。