尽管CSS是相同的，但在Firefox中搜索框更高

Question

我刚刚在Firefox中发现了一个问题，其中类型为search的输入元素以不同的css样式显示。这是代码。

<input style="height:29px;" type="search">
<input style="height:29px;" type="submit" value="search">

在Chrome，Safari和Opera等Webkit浏览器上没有问题，但在最新版本的Firefox上，它的行为有所不同。搜索框更高。如何使用CSS或JavaScript解决这个问题？

Answer 1

您可以尝试将以下元素添加到CSS中吗？

<强> CSS

input::-moz-focus-inner {
    height:29px;
    border: 0; 
    padding: 0; 
    margin-top:-2px; 
    margin-bottom: -2px;
}

<强> HTML

<input type="search">
<input type="submit" value="search">

jsfiddle：http://jsfiddle.net/w2mmX/1/

它应该解决这个问题。