英鎊符號高於Firefox中的輸入字段？

這裏是我的HTML表單：英鎊符號高於Firefox中的輸入字段？

<form novalidate class="simple-form"> 
    <label>Reviews Min: <input type="number" ng-init="revNum=0" class="form-control review-input" min="0" step="10" ng-model="revNum" /></label> 
    &#163;<label> Min Price: <input type="number" ng-init="minNum=0" class="form-control price-input" min="0" step="1000" ng-model="minNum" /></label> 
    &#163;<label> Max Price: <input type="number" ng-init="maxNum=0" class="form-control price-input" 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>

在這裏，我的CSS

.simple-form label{ 
    margin-right: 10px !important; 
} 

.simple-form button{ 
    background-color: #31708f; 
} 

.price-input { 
    width: 150px !important; 
} 
.review-input{ 
    width: 100px !important; 
}

這裏是鍍鉻的輸出：

enter image description here

在Firefox

這裏：

enter image description here

正如你所看到的英鎊符號高於Firefox中的輸入字段。

我該如何解決這個問題。

來源

2014-09-24 Michael Vayvala

請分享與此相關的表格完全CSS！ – UID 2014-09-24 15:28:56

因爲使用您共享的代碼，在任何瀏覽器中都沒有問題！ Checkout this fiddle> http://jsfiddle.net/pgcagx3L/ – UID 2014-09-24 15:30:32

沒有twitter-bootstrap的小提琴 – 2014-09-24 15:33:20

要解決這個問題，我建議你使用我這個DEMO

使代碼簡單地用span標籤包裹英鎊符號並增加了一些特性來解決該問題。現在它適用於Chrome和FF。

添加如下CSS：

.pound { 
    display: inline-block; 
    vertical-align: bottom; 
    margin-bottom: 10px; 
}

來源

2014-09-24 17:16:18 Kamil

英鎊符號高於Firefox中的輸入字段？

回答

相關問題