Css 文本出现在Chrome中，但不是firefox？

我有这个CSS，但我的文本在谷歌浏览器和Ie中正确显示；但不是firefox。我不明白为什么

input[type="text"] { width: 274px;  border: 1px solid #333; background-color: #181818; padding-top: 9px; color: #777; height: 13px; padding-left: 4px; padding-bottom: 8px;}
input[type="password"] { width: 274px;  border: 1px solid #333; background-color: #181818; padding-top: 9px; color: #777; height: 13px; padding-left: 4px; padding-bottom: 8px; }

有人能推荐一些方法来展示这一点吗

HTML:

<form method="post" action="CheckCredentials.php">
Member Login <Br>
Username: <br><input type="text" name="Username"> <br><br>
Password: <br><input type="password" name="Password"> <br><br>
<input type="submit" name="Login" value="Login!">
</form>

会员登录

用户名：



密码：

画面

火狐：

铬：

---

问题是指定的高度，如果从输入中删除高度参数，问题就解决了

替代（更好的imo）解决方案： 问题是框大小属性（）

它被设置为边框框，用于计算指定高度和宽度范围内的填充，以及13<9+8（顶部和底部填充），因此实际内容（文本）没有空间。如果需要使用指定高度，最好的解决方案是使用：

box-sizing:content-box;
-moz-box-sizing:content-box; /* Firefox */
-webkit-box-sizing:content-box; /* Safari */

---

这将计算指定高度以外的元素填充，因此现在输入的实际高度将为13+9+8px。

更改

填充
文本消除填充原因

对于相同的视图，请将
高度设置为“自动”
是否可以发布其余的代码？是否需要HTML端？@yentup请查看我的更新。您可以解释什么不正确吗？或者发布屏幕截图？在Firefox 18和chrome 24中，看起来基本相同。完美！第二次编辑成功！非常感谢！