Chrome输入填充问题

Question

我遇到了与 chrome 中的输入不一致的问题。

我使用的是大字体，但将高度和行高设置为更小以消除文本上方和下方的间隙。

input {
  font-size: 100px;
  padding: 0;
  margin: 0;
  height: 80px;
  line-height: 80px;
}

IE 和 Firefox 似乎可以正确呈现它，但 chrome 似乎会在输入文本中添加填充。

小提琴显示这里发生了什么：http://jsfiddle.net/tomdickie/nZY8r/1/

编辑：

为了更清楚，这里有一些截图：

火狐

铬

我正在尝试让 Chrome 的行为类似于 Firefox（和 IE）。

Answer 1

试试这个和它的工作原理here

HTML代码

<input type="text" name="uname" value="223" />

和CSS代码是

input {
  font-size: 100px;
  padding: 0;
  margin: 0;
  /*height: 80px;
  line-height: 80px;*/
}

我已经测试了这段代码。