如何最小化<input type =“text”/>（宽度和高度）的大小？

Question

我试过了：

font-size:40%;

但发现它不起作用

Answer 1

您必须提供输入标记的宽度和高度属性值

<input type="text" style="width: 50px; height: 10px" />

或者您可以使用此类

<style>
.SmallInput { width: 50px; height: 10px; }
</style>

<input type="text" class="SmallInput" />

font-size只会减小文本框内字体的大小，而不会缩小文本框的大小。

Answer 2

您可以将em用作大小。 Em是字体的大小。 .5 em是字体大小的1/2。

Answer 3

不幸的是文本框的高度是用户代理特定的东西，我相信FF，Opera和IE会把它当作一个盒子对象，而Safari（可能是Mac上的FF？）使用OSX控件而不是可调。 IE6盒子模型当然坏了。