html输入并选择不同的高度
html输入并选择不同的高度
提问于 2012-12-02 01:23:34
我设置了高度：
input,select{height: 20px;}但是在浏览器中它的高度是input : 20px和select 18px，我不知道为什么，因为之前的输入和选择被重置了。如果我删除<!DOCTYPE html>，那是可以的，但是IE没有居中页面。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-12-02 01:26:30
可以通过将元素的box-sizing属性设置为border-box来纠正此问题
input, select{
box-sizing: border-box;
}可能适用特定于供应商的前缀，如moz-或webkit-。
Stack Overflow用户
发布于 2013-01-02 23:43:01
我能够在IE8和9中将SELECT的高度设置为我想要的高度，诀窍是将box-sizing属性设置为content-box。这样做会将SELECT的内容区域设置为高度，但请记住，margin、border和padding值不会在SELECT的宽度/高度中计算，因此请相应地调整这些值。
select {
display: block;
padding: 6px 4px;
-moz-box-sizing: content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
height: 15px;
}这是一个有效的jsFiddle。你介意确认并标记适当的答案吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13661759
复制相关文章
相似问题
腾讯云开发者
