表格的输入按钮小于基于div的按钮

Question

不知道为什么当CSS相同时，右边（Aceptar）的表格输入按钮小于左边的div制造按钮（除了一般边框：输入上的0＆＃39;或多个）。

有线索吗？下面的CSS：

Div button:
.boton {
    width: 5em;
    background-color: #8d99ae;
    text-align: center;
    border-bottom: 2px solid #2b2d42;
    padding: 0.1em;
    display: inline-block;
}

Input button:
input#boton {
    width: 5em;
    color: #edf2f4;
    background-color: #8d99ae;
    text-align: center;
    border: 0;
    border-bottom: 2px solid #2b2d42;
    padding: 0.1em;
    display: inline-block;
}

Answer 1

正如Andrei所说，你应该包括一个CSS重置。但我很确定在您的情况下，设置“行高”值可以解决问题。