如何使<input />实际大小=“...”？

Question

可以控制输入字段的大小

<input type="text" size="2" maxlength="2">

然而，实际的框比所选宽度宽：

如何使其成为size="..."中选择的尺寸？

我在Chrome DevTools中检查了计算的大小，并且实际内容（上例中为12）强制调整大小，而不是某些填充或其他依赖于CSS的大小修改。

Answer 1

大小告诉您可以输入多少个字符。输入框本身的宽度可以通过CSS设置。

input {
width: 16px;
}

<input type="text" size="2" maxlength="2">