inicio mail me! sindicaci;ón

Webpage little skill: Conceal the method of the character inside Input

October 1, 2007 at 9:48 am · Filed under Web Design

The method that conceals Input is in the browser each are not identical, we are used at the webpage uses it not to hope it changes the property of the couplet inside itself, analyse as follows alone now:

Write a public style above all:

It is quotative content below:

Input{
Height:20px;
Width:50px;
}

1, IE6, IE7 browser

It is quotative content below:

Method 1Input{
Height:20px;
Width:50px;
Line-height:100em;
}
Method 2Input{
Height:20px;
Width:50px;
Padding-top:60px;
}
Method 3Input{
Height:20px;
Width:50px;
Line-height:8Em;
}
Method 4Input{
Height:20px;
Width:50px;
Font-size:80em;
}
Method 5Input{
Height:20px;
Width:50px;
Line-height:25em;
}

2, FF browser

It is quotative content below:

Method 1: Input{
Height:20px;
Width:50px;
Text-indent:-999px;
}

Method 2: Input{
Height:20px;
Width:50px;
Font-size:0;
}

3, Opera browser

It is quotative content below:

Method 1Input{
Height:20px;
Width:50px;
Padding-top:60px;
}

Summary: Look from above code, the style with completely comfortable neither one suits all browsers, the affiliation that can have specific aim only HACK technology just but compatible each browser!

Bookmark:Digg Del.icio.us Reddit

Leave a Comment