文本顯示在Chrome中，但不是Firefox？

我有這個CSS，但我的文本在Google Chrome和Ie中正確顯示;但不是Firefox。我無法弄清楚爲什麼。文本顯示在Chrome中，但不是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>

Screenies

火狐： This is on firefox

鉻： This is chrome

來源

2013-02-06 user1968541

您可以發佈其餘代碼嗎？ – jackcogdill

你想HTML的一面嗎？ – user1968541

@yentup請參閱我的更新 – user1968541

問題是指定了h八，如果你從輸入中刪除高度參數，問題就解決了。

替代（更好IMO）溶液： 問題是箱集束性（http://www.w3schools.com/cssref/css3_pr_box-sizing.asp）

它被設置爲邊界框，其計算在指定的高度和寬度和13 <內填充9 + 8（頂部和底部填充），所以沒有實際內容（文本）的空間。如果您需要使用特定的高度最好的解決方案是使用：

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

這將計算元素的填充指定的高度以外所以現在輸入的實際高度將是13 + 9 + 8像素。

來源

2013-02-06 00:48:54 korun

您查看網站？ – user1968541

我剛剛做了這個，這對firefox沒有任何幫助。 – user1968541

完美！第二次編輯成功！非常感謝！ – user1968541

更改padding文字disapear填充的原因。

對於相同的視圖設置height改爲自動

來源

2013-02-06 01:01:23 WooCaSh

文本顯示在Chrome中，但不是Firefox？

回答

相關問題