Question

我无法在文本输入上获得行高，以便在 Firefox 3.5.8 /（Mac）上工作。完美无瑕地工作：

IE6
IE7
IE8
FF3.6 / PC
FF3.6 / Mac的
Safari浏览器

测试代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>asd</title>
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css" />
</head>
<body>
<input type="text" value="Hello" style="line-height:50px;height:50px;font-size:16px;" />
<input type="text" value="Hello" style="padding:17px 0;font-size:16px;" />
</body>
</html>

是否有替代解决方案或任何想法如何解决此问题？

编辑更新了测试代码，以比较行高与填充技术。填充适用于以上所有浏览器，IE8除外。 Whaat？

我无法在FF / 3.5.8上测试，有人可以在任何平台上报告此浏览器的结果吗？

我现在认为这是一个Firefox 3.5.8问题，与平台无关。

Answer 1

这听起来与bug 349259非常相似。当时的原因是Mozilla故意通过line-height: normal指令强制执行文本输入的!important规则，并且该错误仍然存在。使用current source code验证Firefox主干是否仍然有效，所以我真的不明白它在Firefox 3.6中是如何工作的......

Answer 2

我不知道这在Mac上不起作用。谷歌搜索显示人们谈论的问题是它太大/太小或不能按预期工作，他们甚至谈到在早期版本中使用它，但没有人说它根本不起作用。所以我质疑你的假设，它根本不起作用。

编辑：由于Mac参考，我得到FF和Safari切换。

Answer 3

这仍然影响FF 3.6。你知道它真正的痛苦。

平均一小段代码存在于FF的forms.css第99行

line-height：normal！important;

我似乎能够将其覆盖为3.5.8，但出于某种原因3.6忽略了我自己的覆盖！重要。

为什么FF-3.5.8（Mac）上的行高不起作用？

3 个答案: