css - 英镑符号高于Firefox中的输入字段？

这是我的HTML表单：

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

这是chrome的输出：



在Firefox中：



如您所见，井字号高于firefox中的输入字段。

我该如何解决。

最佳答案

要解决此问题，建议您使用我在此DEMO上制作的代码

只需用span标记包裹井号，并添加一些属性即可解决此问题。现在，它可以在Chrome和FF中使用。

在下面添加了CSS：

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

关于css - 英镑符号高于Firefox中的输入字段？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26020789/