html输入并选择不同的高度

我设定高度：

input,select{height: 20px;}

但在浏览器中输入高度：20px并选择18px,我不知道为什么因为在输入和选择之前重置了.如果我删除<！DOCTYPE html>那么没关系,但是IE没有居中页面.

解决方法

这可以通过将元素的Box-sizing属性设置为border-Box来更正：

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

供应商特定的前缀如moz-或webkit-可能适用.