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应用程序中,文本框的高度上升得很好,但是它的高度不会下降。您可以尝试查看是否有任何填充,然后将其删除。注意我的更新