Tuesday, October 4, 2011

Style for HTML file control( making fake)



It is very easy to change the HTML  file control.  It is bit difficult make changes  input control style. So i achieved by making fake control inside the div as shown bellow.

div.fileinputs {


position: relative;

}



div.fakefile {

position: absolute;

top: 0px;

left: 0px;

z-index: 1;

}



input.file {

position: relative;

text-align: right;

-moz-opacity:0 ;

filter:alpha(opacity: 0);

opacity: 0;

z-index: 2;

}

Implementation is here...................................




 
You can set either image  or even button control to invoke click operation.

No comments:

Post a Comment