跨浏览器的奇怪的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中定义宽度值应该可以为您提供一致的宽度。