html - 为什么 Firefox 会截断我的 <input type ="text"/> 中的文本？

Question

我有一个简单的 <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/

Answer 1

尝试增加行高属性。这将限制字母的可视区域，导致它们被截断。 Firefox 的渲染引擎渲染行高略有不同。