繁体   English   中英

Chrome输入填充问题

[英]Chrome input padding issue

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

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

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)一样。

试试这个和它的困扰在这里

HTML代码

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

CSS代码是

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

我已经测试了这段代码。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM