html - 不同浏览器之间奇怪的 HTML 表单字段大小差异

Question

有人知道为什么会这样吗？

<input type="text" name="number" size="12" value="(555)555-5555">
<input type="text" name="ext" maxlength="20" size="1">

CSS 中没有什么有趣的东西。

Answer 1

研究盒子大小。不同的字段类型以不同的框大小呈现。将它们设置为 box-sizing: border-box; 并在您的 CSS 中定义一个宽度值应该会给您一致的宽度。