我的按鈕高於Firefox中的輸入字段？

Question

這裏是我的HTML表單：

<form novalidate class="simple-form"> 
    <label>Reviews Min: <input type="number" ng-init="revNum=0" class="form-control" min="0" step="10" ng-model="revNum" /></label> 
    <label>Min Price: <input type="number" ng-init="minNum=0" class="form-control" min="0" step="1000" ng-model="minNum" /></label> 
    <label>Max Price: <input type="number" ng-init="maxNum=0" class="form-control" min="0" step="1000" ng-model="maxNum" /></label> 
    <label><button class="btn btn-primary" ng-click="updateNumArray(revNum, minNum, maxNum); updateActiveRow()">Filter</button></label> 
</form> 

在這裏，我的CSS

simple-form label{ 
    margin-left: 10px; 
} 

input { 
    width: 150px !important; 
} 

這裏是鍍鉻的輸出：

在Firefox

這裏：

正如你可以看到我的過濾器按鈕高於Firefox中的輸入字段。

我該如何解決這個問題。

Answer 1

我認爲它與按鈕的display-inline塊有關。這結束了在這兩種瀏覽器工作：

<form novalidate class="simple-form"> 
    <label>Reviews Min: <input type="number" ng-init="revNum=0" class="form-control" min="0" step="10" ng-model="revNum" /></label> 
    <label>Min Price: <input type="number" ng-init="minNum=0" class="form-control" min="0" step="1000" ng-model="minNum" /></label> 
    <label>Max Price: <input type="number" ng-init="maxNum=0" class="form-control" min="0" step="1000" ng-model="maxNum" /></label> 
    <label>&nbsp;<button class="btn btn-primary" style="display:block;" ng-click="updateNumArray(revNum, minNum, maxNum); updateActiveRow()">Filter</button></label> 
</form> 

http://jsfiddle.net/yjpr6pLm/1/

可以很明顯的移動顯示：塊了一個內嵌樣式的，只是露出它爲什麼不爲你工作。