html – 为什么Firefox会切断我的文字？

我有一个简单的< input type =“text”/>款式如下：

font-size:1.5em;line-height:1.5em;padding:.6em .4em;

它在Chrome,Safari(即Webkit浏览器)中正​​常显示.

但是,我们到达Firefox,发生这种情况：

你可以看到,Firefox决定在一定高度切断字体的大小.为什么会发生这种情况？即使我从< input>中删除填充,就会出现此问题.

注意：

这可能有助于知道应用于此输入的附加样式是Twitter Bootstrap v.2.0中使用的默认样式.

这是一个JSfiddle,我正在描述的确切问题：

http://jsfiddle.net/xxepX/

解决方法

尝试增加线高度属性.这将限制可信区域的信件,导致它们被切断. Firefox的渲染引擎渲染线高度略有不同.