css - 按钮对齐问题并选择段落内的表单元素？

Question

我的标记如下所示:

<p>
   <select></select>
   <input type="submit" id="submit" value="submit" name="submit" />
</p>

这是 CSS:

//No specific styles for the select element nor inherited ones.

#submit {
    background: url("images/img.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #FFFAEE;
    cursor: pointer;
    height: 34px;
    margin-left: 30px;
    width: 145px;
}

问题是提交按钮比选择元素高几个像素。这是一个屏幕截图:

这发生在 Webkit 浏览器和 IE 中，但不会发生在 Firefox 中。

Answer 1

我将您的代码复制到 jsfiddle 中，选择和提交按钮在 ff、chrome 和 ie9 中很好地对齐。

http://jsfiddle.net/PTF3Q/

显然您没有提供某些代码导致了这种情况 - 您是否有该页面的实时 URL？

如果不行，你可以试试:vertical-align: middle;