Question

input type=text 输入框大小的问题

用css控制,比如

.test {
height: 16px;
width: 120px;
}

<input class="test" type="text" name="textfield" />
实际显示的大小是22×124 。加上padding＝0，显示的是20×124 总比实际输入的大。这是怎么问题。我看国外的一些网站，写法也没有什么不一样的，他们css的写的大小和显示的是一样的。
对，这个我也注意了。加上padding:0,border:1px象素就多了2个，但是我找了好几个国外的网，他们也没有padding＝0,包括边框照样输入多少显示就多少。真是奇怪了。

Answer 1

刚刚测试了一下，这个height和width是实际输入框的宽高度，但是重要的是：默认文本框是有边框的。

你可以先用background:#F00;来填充一下背景，可以看到背景其实是你指定的宽高度，这个时候可以看到边框其实是2个像素的有点像3D的框。叠加border:0px;和border:1px;可以看到没有边框和1像素边框的效果。