我有一个简单的<input type="text"/>
风格与以下:
font-size:1.5em;line-height:1.5em;padding:.6em .4em;
Run Code Online (Sandbox Code Playgroud)
它通常在Chrome,Safari(即Webkit浏览器)中正常显示.
但是,我们到达了Firefox,这种情况发生了:
如您所见,Firefox决定在某个高度切断字体的大小.为什么会这样?即使我从中删除填充,也会出现此问题<input>
.
知道应用于此输入的其他样式是Twitter Bootstrap v.2.0中使用的默认样式可能会有所帮助.
这是一个JSFiddle,我正在描述的确切问题: