CSS tips: How to hide text in input

The method of hiding input is different in the browser, we do not want it to change the properties of its inline when we use it in the Web page, now we analyze it separately as follows:

First write a common style:

input{
height:20px;
width:50px;
}

1,ie6,ie7 Browser

Method 1
input{
height:20px;
width:50px;
Line-height:100em;
}
Method 2
input{
height:20px;
width:50px;
padding-top:60px;
}
Method 3
input{
height:20px;
width:50px;
Line-height:8em;
}
Method 4
input{
height:20px;
width:50px;
Font-size:80em;
}
Method 5
input{
height:20px;
width:50px;
Line-height:25em;
}

2.FF Browser

Method 1:
input{
height:20px;
width:50px;
text-indent:-999px;
}

Method 2:
input{
height:20px;
width:50px;
font-size:0;
}

3.Opera Browser
Method 1
input{
height:20px;
width:50px;
padding-top:60px;
}
Summary: From the above code look, not a fully suitable style for all browsers, can only be targeted to join the hack technology can be compatible with the browser!