我遇到与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)一样。
答案 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;*/
}
我已经测试了这段代码。