Chrome输入填充问题

时间:2014-02-06 12:21:14

标签: html css google-chrome input

我遇到与Chrome输入不一致的问题。

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

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

IE和Firefox似乎正确渲染它,但chrome似乎在输入文本中添加了填充。

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

编辑:

为了增加一点清晰度,这里有一些截图:

火狐

enter image description here

enter image description here

我正在尝试让Chrome的行为像Firefox(和IE)一样。

1 个答案:

答案 0 :(得分:-1)

试试这个及其后续工作here

HTML 代码

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

CSS 代码

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

我已经测试了这段代码。