html输入并选择不同的高度

标签 html select input

我设置高度:

input,select{height: 20px;}

但在浏览器中它的高度是input : 20pxselect 18px ,我不知道为什么,因为在 input 和 select 被重置之前。如果我删除 <!DOCTYPE html>然后就可以了,但是 IE 不居中页面。

最佳答案

这可以通过将元素的 box-sizing 属性设置为 border-box 来纠正:

input, select{
  box-sizing: border-box;
}

moz-webkit- 等供应商特定前缀可能适用。

关于html输入并选择不同的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13661759/

相关文章:

c - 如何在不同的行中输入字符串?

javascript - 从文本字段获取数据并确定是否按下了"is"或“取消”

javascript - 将类似的类与 jQuery .first() 结合起来

javascript - 如何使用 html 用户输入在 jQuery 中创建表格?

mysql - 如何同时选择 ORDER BY 列和 RAND()?

mysql - 如何在 SELECT 查询中按多列排序?

javascript - AngularJS select,设置下拉菜单项的背景色

python - 如何仅使用其扩展名打开文件?

android - HTML <a/> 标签在Android中的实现

css - 不确定是使用 Flexbox、表格还是行和列