CSS網頁小技巧：隱藏input 內的文字的方法

隱藏input的方法在瀏覽器中各不相同，我們用於網頁使用它時並不希望它改變本身內聯的屬性，現單獨分析如下：
首先寫一個公用樣式：

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; }

1，IE6,IE7瀏覽器
方法1

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; 　line-height:100em; }

方法2

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; 　padding-top:60px; }

方法3

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; 　line-height:8em; }

方法4

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; 　font-size:80em; }

方法5

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; 　line-height:25em; }

2.FF瀏覽器
方法1：

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; 　text-indent:-999px; }

方法2：

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; 　font-size:0; }

3.Opera瀏覽器
方法1

代碼如下	複製代碼
input{ 　height:20px; 　width:50px; 　padding-top:60px; }

總結：從以上代碼看，沒有一個全適的樣式適合所有瀏覽器，只能有針對性的加入HACK技術才可相容各瀏覽器了！