Html Chrome中的按钮高度打断对齐

我有这样一个简单的表格：

<form class="searchbox">
    <input type="text" name="tx_ttnews[swords]">
    <button type="submit" name="search"><span>Search</span></button>
</form>

在firefox中，外观正常且一致，但在Chrome中则不然

---

将此项添加到选择器中，它应该可以正常工作：

vertical-align: middle;

---

如果这不起作用，请对其应用一些

行高度。但我无法在Chrome中产生此问题。
将此添加到选择器中，它应该可以正常工作：

vertical-align: middle;

如果这不起作用，请对其应用一些
行高度。但我无法在Chrome中产生此问题。
尝试在这两个对象周围添加一个
。然后设置
最大高度：40px。这样，它将有一个设置的最大高度井，40px。如果仍然存在问题，则应将（垂直）对齐设置为中间或中心。
尝试在两个对象周围添加一个
。然后设置
最大高度：40px。这样，它将有一个设置的最大高度井，40px。如果它仍然存在问题，那么您应该将（垂直）对齐设置为中间或中心。
您可以创建一个解决问题的JSFIDLE吗？我无法在Chrome和Firefox中重现这个问题。你能创建一个JSFIDLE来解决这个问题吗？我无法在Chrome和Firefox中重现这个问题。