Как минимизировать размер <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" />

размер шрифта только уменьшает размер шрифта внутри текстового поля, а не его размер.

Answer 2

К сожалению, высота текстового поля зависит от агента пользователя, я считаю, что FF, Opera и IE будут рассматривать его как объект box, в то время как Safari (и, возможно, FF на Mac?) Используют элементы управления OSX и не регулируемые. Модель коробки IE6 сломана, конечно.

Answer 3

Вы можете использовать их в качестве размера. Em - размер шрифта. .5 em составляет 1/2 размера шрифта.