Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 减少文本框的高度_Html_Css - Fatal编程技术网

Html 减少文本框的高度

Html 减少文本框的高度,html,css,Html,Css,我在表格中输入了类型文本,我想降低高度,我尝试了许多方法,但似乎无论我做什么都不起作用,我尝试了线条高度、边距等。下面是我的一些方法 .txtboxItem{ height: 1em; font-size:8px; } 这是我的标记 <input class="txtboxItem" type="text" id="txt_emailAddress" /> 请注意,宽度很好,字体在我的文本框中看起来很小,但为什么文本框的高度并没有降低呢 编辑:我想

我在表格中输入了类型文本,我想降低高度,我尝试了许多方法,但似乎无论我做什么都不起作用,我尝试了线条高度、边距等。下面是我的一些方法

  .txtboxItem{
    height: 1em;
    font-size:8px;
    }
这是我的标记

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

请注意,宽度很好,字体在我的文本框中看起来很小,但为什么文本框的高度并没有降低呢


编辑:我想我的外部文件有带“!”的输入属性,无论如何我可以在本地html文件中覆盖它?

使用px对我有效

input{height:5px;}

编辑: 我在同一个JSFIDLE中使用了您的代码和它的工作方式。。。
使用px而不是em,因为大多数浏览器中em通常等于16px左右,除非用户更改了默认值

height:8px;
尝试删除任何填充或边距

margin:0px;
padding:0px;

您是否尝试将em更改为px?是否尝试添加
!重要的
到了那个高度?是的,我做到了,但是有用。我想!重要提示通常可以覆盖另一个属性,但您必须确保这两个属性都具有
!重要信息
,您必须将您的
.txtboxItem
声明放在外部声明之后才能生效。它只是不起作用,可能会出现什么问题?我应该在我的HTML中查找哪里?尝试将1em更改为.5emno效果,不管怎样,它在FIDLE中运行良好,可以调试它吗?我的类似乎没有覆盖其他人在外部css/引导模板中编写的代码。嗯……是的。尝试将其内联-这太让我烦恼了…甚至不起作用。它在fiddle中工作得很好,但在我的web应用程序中,文本框的高度上升得很好,但是它的高度不会下降。您可以尝试查看是否有任何填充,然后将其删除。注意我的更新