减少文本框高度

Question

我的输入类型TEXT在我的表单中，我想减少高度，我已经尝试了很多东西，但似乎无论我做什么它都不起作用，我尝试使用行高，边缘等以下是我的东西有

  .txtboxItem{
    height: 1em;
    font-size:8px;
    }

这是我的标记

<input class="txtboxItem" type="text" id="txt_emailAddress" />

请注意，宽度工作正常，字体在我的文本框中看起来很小，但为什么文本框的高度没有降低？

编辑：我认为我的外部文件的输入属性为“！”，无论如何我可以在我的本地html文件中覆盖它？

Answer 1

它使用px为我工作......

input{height:5px;}

http://jsfiddle.net/mvNDh/

编辑： 我已经使用了你的代码，并且它在同一个jsfiddle中工作...... http://jsfiddle.net/mvNDh/

Answer 2

使用px而不是em，因为大多数浏览器中的em通常等于大约16px，除非用户更改了默认值。

height:8px;

尝试删除任何填充或边距

margin:0px;
padding:0px;