css - 表单的输入按钮比基于 div 的按钮小

Question

不知道为什么当 CSS 相同时，右侧表单的输入按钮 (Aceptar) 小于左侧的 div 按钮(除了一般边框:输入上的 0)。

有什么线索吗？下面的 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 重置。但我很确定，在您的情况下，设置“行高”值可以解决问题。