定义值时，Chrome按钮输入位置处于关闭状态

Question

这个jsfiddle在IE 11中可以正常工作，但在Chrome中，第二个按钮的位置低于应有的位置。我发现重现问题的所有方法是在第二个按钮中设置一个值。怎么解决？

<input style="width:42px; height: 42px" type="button" />
<input style="width:42px; height: 42px" type="button" value="1" />

Answer 1

只需将vertical-align属性设置为top：

input[type=button] {
    vertical-align:top;
}

<强> jsFiddle example

内联元素的默认垂直对齐值为baseline。