有沒有辦法使用Bootstrap 3在Firefox上對齊我的輸入組？

Question

我爲使用引導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。