Usually we know how to give input type file for upload any kind of file in the database, for that we are using form, and in that form we have to give input type=”file” for file upload, usually while we are calling the input type as like the above, that will change for each browser, for that and make the file input type in custom design using Css and Jquery. let see how it is.
FILE INPUT TYPE
<input type="file" class="file" />
Just assign one label before the input type and close the label after the input type, for hide the original style of input type=’file’.
background:url(file.png) 0 0 no-repeat;
.style-chosen label.cabi .file
.style-chosen is called in the script, just call the class before all the class. and call the scripts
Just call the function as SI.Files.styleAll() in the si.files.js source file too. and make some changes in si.files.js. and the custom file chosen button is ready. and we can give any kind of image as you need in the label background. that could takes as the format of custom file chosen button.