html - CSS WTF : form button not horizontally aligned (screwed up in FF but OK in Chrome)

Question

好的，这是我发现的，当我为所有表单元素分配高度时，它们不会水平对齐，而它们实际上应该。Chrome 渲染正常，FF 将表单按钮推得太高。对此有优雅的解决方案吗？

<form>

<input class="input_text" type="text" style="height:40px" value="some text">

<select style="height:40px">
<option value="0">0</option>
<option value="1">1</option>
</select>

<input type="submit" value="Search" style="height:40px">


</form>

Answer 1

确保按钮没有填充/边距:

style="height:40px;margin:0;padding:0"

关于填充和边距，每个浏览器都有自己的做法。

了解更多关于 reset CSS 的信息以及为什么/如何使用它们。